1元素选择器
HTML文档的元素名称就是元素选择器。 1）语法，例如：html<color:black;>、h1{color:blue;}、p{color:silver;} 2）缺点：不同的元素样式相同，即不能跨元素。所以做不到同一类元素下的细分。
2类选择器
自定义的某种选择器。 1）语法：.className{样式声明} 例如：.myClass{ background-color:pink;font-size:47px; } <h2>h2中的文本</h2> <p>p中的文本</p>
注意事项：
html文件中，所有元素都有一个class属性，如：<p></p>
类选择器还一种用法：<div id="d1"class="s1 s2">hello</div>，样式s1和样式s2对div共同起作用。
3分类选择器
将类选择器和元素选择器结果起来使用，以实现同一类元素下不同样式的细分控制。如<input>元素，又有按钮又有文本框的，采用分类选择器。 1）语法：元素选择器.className{样式声明} 例如： p.myClass{ color:red;font-size:27px } <h2>h2中的文本</h2> <p>p1中的文本</p> <p>p2中的文本</p>
4元素id选择器
以某个元素id的值作为选择器。比较特殊的、页面整体结构的划分一般使用id选择器。 1）语法：定义id选择器时，选择器前面需要有一个“#”号，选择器本身则为文档中某个元素的id属性的值。 例如：#header{ color:red;background:yellow; } <h1 id="header">This is Title<h1>
u 注意事项：
v html文件中，所有元素都有一个id属性。且某个id选择器仅使用一次。
5派生选择器
依靠元素的层次关系来定义。某一包含元素下的一些相同子元素使用派生选择器。 1）语法：通过依据元素在其位置的上下文关系来定义样式，选择器一端包括两个或多个用空格分隔的选择器。 例如：h1 span{color:red;} <h1>This is a<span>important</span>heading</h1>
6选择器分组
对某些选择器定义一些统一的设置（相同的部分）。 1）语法：选择器声明为以逗号隔开的元素列表。 例如：h1,p,div{ border:1px solid black;}
7伪类选择器
伪类用于向某些选择器添加特殊的效果。 1）语法：使用冒号“：”作为结合符，结合符左边是其他选择器，右边是伪类。 2）常用伪类：有些元素有不同的状态，典型的是<a>元素。 ①:link：未访问过的链接 ②:active：激活 ③:visited：访问过的链接 ④:hover：悬停，鼠标移入，所有元素都能用 ⑤:focus：获得焦点 例如：a:link{ color:black;font-size:20px; } a:visited{ color:pink;font-size:20px; } a:hover{ font-size:27px; } a:active{ color:red; }
8选择器优先级
1）基本规则：内联样式 > id选择器 > 类选择器 > 元素选择器
2）优先级从低到高排序：
div < .class < div.class < #id < div#id < #id.class < div#id.class 例如：<div id="id" style="color:black;"></div>