CSS3选择器

属性选择器

• [attr^=vlaue] 选择器
  指定属性名，且属性值必须以value开头

  
  

• [attr@=vlaue] 选择器
  指定属性名，且属性值必须以value结尾

  
  

• [attr*=vlaue] 选择器
  指定属性名，且属性值只要包括value即可

伪类结构选择器

• :first-child 选择器
  :first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。

  
  

• :last-child 选择器
  :last-child 选择器用于选取属于其父元素的最后一个子元素的指定选择器。

  
  

注意：
以上两个选择器在使用的时候，选择器前面的：之前可以指定元素类型，如果指定了元素，当选择的元素与指定元素类型不一致时，将无法成功匹配到。例如下面两种都是无效的

.container h3:last-child {
    color: red;
}

.container p:first-child {
    color: red;
}

• :nth-child(n) 选择器
  :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。
  n 可以是数字、关键词或公式。

  
  

• nth-of-type(n) 选择器
  :nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素.
  n 可以是数字、关键词或公式。

  
  

以上这些为常用的一些选择器，了解跟多CSS3选择器，请点击这里。