优先级（由高到低）：

1. id选择器（

#myid）

2. 类选择器（

.myclassname）

3. 标签选择器（

div,h1,p）

4. 相邻选择器（

h1+p）

5. 子选择器（

ul < li）

6. 后代选择器（

li a）

7. 通配符选择器（

*）

8. 属性选择器（

a[rel="external"]）

9. 伪类选择器（

a:hover,li:nth-child）

上面九种选择器中ID选择器的效率是最高，而伪类选择器的效率则是最低。

 

 

element>element 选择器

定义父元素是 <div> 元素的每个 <p> 元素的样式。

注释：如果元素不是父元素的直接子元素，则不会被选择。

      
  
       
1
  
       
2
      

 

element+element 选择器

定义div同一层级，并且为与div下面的p元素的样式。

1  2  3  4 12 13 14 15 16 
1
      17 
      
18 
2
      19 
3
      20 
4
      21 22 23 

 

CSS [attribute] 选择器

定义p中有class标签的样式

1  2  3  4  9 10 11 12 13 
1
      14 
2
      15 
3
      16 17 18 

 

CSS [attribute=value] 选择器

定义了p中class等于class1的元素样式

1  2  3  4  9 10 11 12 13 
1
      14 
2
      15 
3
      16 17 18 

 

CSS [attribute~=value] 选择器

定义了p中class包含class1的元素样式

1  2  3  4  9 10 11 12 
1
      13 
2
      14 
3
      15 16 17 

 

CSS [attribute|=value] 选择器

定义了p中class以cla1开头（cla11不是，但cla1-1就是） 的元素样式

1  2  3  4  9 10 11 12 
1
      13 
2
      14 
3
      15 16 17 

 

CSS3 element1~element2 选择器

定义div同一层级，并且在div下面的所有p元素的样式

1  2  3  4  9 10 11 
      
12 
1
      13 
2
      14 
3
      15 16 

 

CSS3 [attribute^=value] 选择器

定义p中class已cla1开头的元素样式（与CSS [attribute|=value] 不同）

1  2  3  4  9 10 11 
1
      12 
2
      13 
3
      14 
4
      15 16 

 

CSS3 [attribute$=value] 选择器

定义和CSS3 [attribute^=value] 一样，只不过是定义的结尾的元素

 

CSS3 [attribute*=value] 选择器

定义和CSS3 [attribute^=value] 一样，只不过是定义的包含value的元素

 

CSS3 :nth-child() 选择器

定义html中第2个p元素的样式。

odd【p:nth-child(odd)】奇数行 和 even【p:nth-child(even)】偶数行 是可用于匹配下标是奇数或偶数的子元素的关键词（第一个子元素的下标是 1）。 

1  2  3  4  9 10 11 
1
      12 
2
      13 
3
      14 
4
      15 16 

 

CSS3 :nth-last-child() 选择器

同上，只不过跟最后一个开始选择。

 

CSS :first-child 选择器

第一个元素的样式

 

CSS :last-child 选择器

最后一个元素的样式

 

CSS3 :root 选择器

选择文档的根元素。

1  2  3  4  9 10 11 12 

 

CSS3 :disabled 选择器

1  2  3  4 10 11 12 
      13 
      14 
      15 
      16 
      17 18 

 

CSS3 :not 选择器

1  2  3  4 13 14 15 
1
      16 
2
      17 
3
      18 
      
       4
      
      19 20