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選擇器，請點擊這裏。