CSS的选择器主要分为简单选择器和组合选择器两类:
1、简单选择器:
(1)id选择器 如:#idName {}
(2)类选择器 如:.className {}
(3)标签选择器,直接使用html标签 如 span {}
(4)属性选择器,属性可以是disabled... 如 [attr] {}
(5)伪类选择器,以:开头 如 :link{}、:visited{}、:hover{}、:active{}
(6)伪元素选择器,以::开头 如 ::first-letter
(7)通配符选择器*{}
2、组合选择器:
(1)后代选择器,由空格连接的简单选择器
(2)子选择器,由>连接的简单选择器
(3)兄弟选择器
-
- 相邻兄弟选择器,由+连接的简单选择器
- 通用兄弟选择器,由~连接的简单选择器
3、选择器分组,由逗号分隔的简单选择器
4、CSS优先级
行内样式>id选择器>类选择器=伪类选择器=属性选择器>标签选择器=伪元素选择器
5、继承属性:父元素中设置的属性会被子元素默认继承
继承属性有:color、font、text-align、list-style...
6、非继承属性:父元素中设置的属性不会被子元素继承
非继承属性有:background、border、position...