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