权重分析
3、展示效果
基础选择器权重
基础选择器 权重 :
CSS 选择器 选择器优先级 - 权重计算
继承父标签的样式 , * 通配符选择器 0,0,0,0
标签选择器 0,0,0,1
类选择器,链接伪类选择器...p 标签选择出来了 , 下面判断 两个选择器 的权重 ;
div p 选择器 由 两个标签选择器组合而成 , 权重为 0,0,01 + 0,0,0,1 = 0,0,0 ,2 ;
p.class2 选择器...0, 0,0,0 , 该权重直接被忽略 ;
#id1 {
color: red;
}
3、展示效果
二、权重计算示例 2
----
1、代码示例
代码示例 :
<!...全部 将 最内层的 div 标签选择出来了 ;
下面开始判断 3 个选择器的权重 ;
.class1 .class2 div 选择器 权重 = 类选择器 权重 0,0,1,0 + 类选择器 权重 0,0,1,0...important 设置 , 但是该设置针对的是 p 标签的父标签 , 样式继承到 p 标签 , 权重变为 0 了 , 因此该样式被忽略 ;
#id1{
color: green !