常用的选择器及特殊性

1.通用选择器

*{

margin:0;

padding:0;

}

2.子选择器和后代选择器

（1）子选择器 选择元素的直接后代    #nav>li

 （2）后代选择器   选择一个元素的所有后代，包括孙元素等   #nav li

3.相邻同胞选择器  可用于定位同一个父元素下某个元素之后的元素

例如：h2+p 作用于h2后的p

4.属性选择器 根据属性是否存在或属性的值来寻找元素

a[title]  对具有title属性的a元素应用样式

a[rel="  "]    a[title]:hover

5.伪类  根据文档结构外的其他条件对元素应用样式，例如表单元素或链接的状态

a:link  代表访问链接的样式

a:hover  光标经过某一元素的样式

a：visited 代表链接访问过后的样式

a:active  鼠标点击的样式

a：focus 代表获取焦点是的样式 （tab键查看）

6.伪元素

:first-letter向文本的第1个字母添加特殊样式。

:first-line向文本的首行添加特殊样式。

:before在元素之前添加内容。

:after在元素之后添加内容。

例 h1:after 

7.类型选择器

p{color:red}

h1{font-size:12px;}

blockquote p{color:red}

特殊性

选择器的特殊性 分为四个等级 a b c d

如果样式是行内样式（style=“  ”） a=1;

b等于ID选择器的个数

c等于伪类，类，属性选择器的数量

d等于类型选择器和伪元素的数量

如果选择器数量小于十，可以用10为基数计算特殊性，如果大于十则先比较a,再比较b依次