一、CSS 特性
1、样式层叠冲突
CSS 层叠性 :
为 标签 设置 多种 CSS 样式 , 会出现 CSS 样式叠加的情况 ,
如果有 两个相同类型 的 CSS 样式 作用在了 同一个 标签 上..., 需要计算对应的 选择器 权重 ;
4、选择器基本权重
CSS 选择器 选择器优先级 - 权重计算
继承父标签的样式 , * 通配符选择器 0,0,0,0
标签选择器 0,0,0,1
类选择器,链接伪类选择器...;
因此 最终的 div p span 选择器 的 权重为 0,0,0,3 ;
6、后代选择器权重计算二
.nav p span 选择器权重计算 :
该选择器 是 后代选择器 , 由 1 个 类选择器...;
7、链接伪类选择器权重计算
a:hover 选择器权重计算 :
该选择器 是 链接伪类选择器 , 由 1 个 链接选择器 , 1 个 伪类选择器 组合而成的 ;
该选择器是 设置 鼠标 经过 标签...important 权重无穷大
判定标签样式的时候 , 首先看标签有没有被选出来 ,
如果被选出来 , 则看哪个选择器权值大 , 就应用该选择器的样式 ;
如果没有被选出来 , 则权重为 0 ;