一、CSS 特性
1、样式层叠冲突
CSS 层叠性 :
为 标签 设置 多种 CSS 样式 , 会出现 CSS 样式叠加的情况 ,
如果有 两个相同类型 的 CSS 样式 作用在了 同一个 标签 上...字标签 自动 继承 父标签 的 CSS 样式 , 如下标签结构中 ,
CSS 继承性测试
如果 为 div 标签设置 字体为红色 , 那么 在 div 标签下的字标签...p 标签 会自动继承 父标签 div 标签的样式 , 其文本也为红色 ;
子标签继承 父标签 样式 , 可以降低 CSS 代码复杂性 , 便于维护 ;
不是所有的 CSS 样式都可以继承 , 可继承的样式有...;
1 个 类选择器 + 2 个 标签选择器 组合后的 权重为 : 0,0,1,0 + 0,0,0,1 + 0,0,0,1 = 0,0,1,2 ;
最终的 .nav p span 选择器 权重 为 0,0,1,2...= 0,0,1,1 ;
最终的 a:hover 标签伪类选择器 权重 为 0,0,1,1 ;
8、判定标签样式
基础选择器 权重 :
CSS 选择器 选择器优先级 - 权重计算
继承父标签的样式 ,