, 那么就出现了 样式冲突 ,
样式冲突 后 , 根据 " 就近原则 " , 选择 最近设置 的样式 , 也就是 后设置的样式 覆盖 先设置的样式 ;
2、样式的继承性
CSS 样式 具有 继承性 ,...标签下的 p 标签 下的 span 标签 样式 ;
标签选择器 的 权重为 0,0,0,1 ;
3 个 标签选择器 的权重 叠加为 : 0,0,0,1 + 0,0,0,1 + 0,0,0,1 = 0,0,0,3..., 2 个 标签选择器 组合而成的 ;
该选择器是 设置 .nav 类标签 下的 p 标签 下的 span 标签 样式 ;
类选择器 的 权重为 0,0,1,0 ;
标签选择器 的 权重为 0,0,0,1...后 的 样式 ;
伪类选择器 的 权重为 0,0,1,0 ;
标签选择器 的 权重为 0,0,0,1 ;
1 个 伪类选择器 + 1 个 标签选择器 组合后的 权重为 : 0,0,1,0 + 0,0,0,1...important 权重无穷大
判定标签样式的时候 , 首先看标签有没有被选出来 ,
如果被选出来 , 则看哪个选择器权值大 , 就应用该选择器的样式 ;
如果没有被选出来 , 则权重为 0 ;