CSS选择器
CSS选择器
1.元素选择器
最常见的css选择器是元素选择器，文档的元素就是最基本的选择器。
<html>
<head>
<style type="text/css">
h1{color:blue;}
p{color:red;}
</style>
</head>
<body>
<h1>css选择器</h1>
<h1>这是标题文字</h1>
</body>
</html>
如果设置html的样式，选择器通常是某个html元素，比如h1,p为选择器，以上例子说明h1选择器对body标签中的所有h1元素都进行了选择，因此使整个页面中h1元素的显示风格得到了很好的统一。
2.类选择器
<h1 class="one">类别选择器的使用</h1> <p class="one">这是第一段</p>
.one{color:red;}
类选择器前面有一个.号，这个class是可以让用户自定义的类别名称,它不像元素选择器那样，这个元素必须是html的标准元素。这里允许用户对类别进行自定义。
3.ID选择器
ID选择器前面有一个#号，ID名称也是可以由用户自定义的，在html文档中，id选择器只能使用一次。
<h1 id="important">为id为important的h1元素设置样式</h1> <p id="important">为id为important的p元素设置样式</p> <ul id="important">为id为Important的ul元素设置样式无序列表</ul>
浙公网安备 33010602011771号