css3選擇器和僞類

元素選擇子:

• * 任何元素
• E 與E標籤結合的任何元素
• E F E的全部派生標籤中，有F標籤的元素
• E > F 或者 E/F E的全部直接的擁有F標籤的子類
• E + F 全部具備F標籤的元素，緊靠的前一個元素有E標籤
• E ~ F 全部具備F標籤的元素，前一個兄弟元素有E標籤

屬性選擇子:

@和引號是可選項。例如，div[@foo='bar']也是一個合法的屬性選擇子。

• E[foo] 有一個屬性："foo"
• E[foo=bar] 有一個等於"bar"的屬性"foo"
• E[foo^=bar] 有一個以"bar"開頭的屬性"foo"
• E[foo$=bar] 有一個以"bar"結束的屬性"foo"
• E[foo*=bar] 有一個包含"bar"子字符串的屬性"foo"
• E[foo%=2] 有一個能被2整除的屬性"foo"
• E[foo!=bar] 有一個不等於"bar"的屬性

僞類:

• E:first-child E是其父親的第一個孩子
• E:last-child E是其父親的最後一個孩子
• E:nth-child(n) E是其父親的第n個孩子(從1開始遞增)
• E:nth-child(odd) E是其父親的奇數個孩子
• E:nth-child(even) E是其父親的偶數個孩子
• E:only-child E是其父親惟一的孩子
• E:checked E是一個有選擇屬性的元素，而且其選中狀態爲true(例如一個radio或者checkbox)
• E:first 結果集中的第一個E元素
• E:last 結果集中的最後一個E元素
• E:nth(n) 結果集中的第n個E元素(從1開始)
• E:odd nth-child(奇數)的簡寫
• E:even nth-child(偶數)的簡寫
• E:contains(foo) E的innerHTML，包含"foo"子字符串
• E:nodeValue(foo) 包含一個textNode的E，textNode有一個等於"foo"的nodeValue
• E:not(S) 一個與簡單的S選擇子不相等的E元素
• E:has(S) 一個E元素，擁有與簡單的S選擇子匹配的派生類
• E:next(S) 一個E元素，它的下一個兄弟節點與簡單的S選擇子相匹配
• E:prev(S) 一個E元素，它的上一個兄弟節點與簡單的S選擇子相匹配

CSS值選擇子:

• E{display=none} css值"display"等於"none"
• E{display^=none} css值"display"以"none"開始
• E{display$=none} css值"display"以"none"結束
• E{display*=none} css值"display"包含子字符串"none"
• E{display%=2} css值"display"能夠被2整除
• E{display!=none} css值"display"不等於"none"

原文： https://blog.csdn.net/cankykong1/article/details/16947591