基本选择器
- E
- .class
- #id
- E F 选择某个元素的后代元素
- E > F 选择某个元素的直接子元素
- E + F 选择相邻的兄弟元素(具有相同的父元素)
- E ~ F 选择相邻的后面所有的兄弟元素
属性选择器
1.E[attr]
2.E[attr = “value”]
3.E[attr ^= “value”] 以value开头的
4.E[attr $= “value”] 以value结尾的
5.E[attr *= “value”]
6.E[attr ~= “value”]
7.E[attr |= “value”]
伪类和伪元素选择器
- :link , :hover , :active , :visted , :focus
- :enabled , :disabled , :checked (适用于表单元素)
- :first-child , :first-of-type
- :last-child , :last-of-type
- :nth-child() , :nth-of-type()
- :nth-last-child() , :nth-last-of-type()
- :only-child , :only-of-type
- :empty
- :not
- :first-line , :first-letter , :before , :after