权重为 0,0,0,0 ;
CSS 选择器 选择器优先级 - 权重计算
继承父标签的样式 , * 通配符选择器 0,0,0,0
标签选择器 0,0,0,1
类选择器,链接伪类选择器 0,0,1,0
ID...选择器 0,1,0,0
标签的行内样式 style 属性 1,0,0,0
样式后添加 !...important 权重无穷大
1、继承权重示例
在下面的结构中 ,
CSS 继承权重测试
设置该 div 标签的颜色为红色 , p 标签会继承 div...标签的样式 , 标签中的文本会变为红色 ;
div {
color: red;
}
完整代码 :
设置该 div 标签的颜色为红色 , p 标签会继承 div 标签的样式 , 标签中的文本会变为红色 ;
由于是继承标签样式 , 该样式 作用于 p 标签的权重为 0,0,0,0 ;
与此同时