三大特性:层叠性、继承性、优先级
1.1 继承性
- 特性:子元素有默认继承父元素样式的特点(子承父业)
- 好处:可以在一定程度上减少代码
- 可以继承的常见属性(文字控制属性都可以继承)
- color
- font-style、font-weight、font-size、font-family
- text-indent、text-align
- line-height
- ……
- 继承失效的特殊情况
- a标签的color会继承失效
- h系列标签的font-size会继承失效
1.2 层叠性
- 特性
- 给同一个标签设置不同的样式→此时样式会层叠叠加→会共同作用在标签上
- 给同一个标签设置相同样式→此时样式会层叠覆盖→最终写在最后的样式会生效
- 注意点:当样式冲突时,只有当选择器优先级相同时,才能通过层叠性判断结果
1.3 优先级
a) 在同一个元素中 !important>style行内>id选择器>类名选择器>标签选择器>通配符选择器
b) 本身选择器的样式>继承过来的样式
c)!important写在属性值的后面,分号的前面
d)!important不能提升继承的优先级,只要是继承优先级最低