CSS元素选择器、关系选择器、属性选择器、伪类选择器、伪对象选择器使用参考

CSS选择器

元素选择符 Element Selectors

• *
• E
• E#id
• E.class

关系选择符 Relationship Selectors

• E F
• E>F
• E+F
• E~F

属性选择符 Attribute Selectors

• E[att]
• E[att="val"]
• E[att~="val"]
• E[att^="val"]
• E[att$="val"]
• E[att*="val"]
• E[att|="val"]

伪类选择符 Pseudo-Classes Selectors

• E:link
• E:visited
• E:hover
• E:active
• E:focus
• E:lang(fr)
• E:not(s)
• E:root
• E:first-child
• E:last-child
• E:only-child
• E:nth-child(n)
• E:nth-last-child(n)
• E:first-of-type
• E:last-of-type
• E:only-of-type
• E:nth-of-type(n)
• E:nth-last-of-type(n)
• E:empty
• E:checked
• E:enabled
• E:disabled
• E:target
• @page:first
• @page:left
• @page:right

伪对象选择符 Pseudo-Element Selectors

• E:first-letter/E::first-letter
• E:first-line/E::first-line
• E:before/E::before
• E:after/E::after
• E::placeholder
• E::selection