多种不同的选择器css样式

来源:互联网 发布:mac 终端如何上传文件 编辑:程序博客网 时间:2024/05/24 05:52

基于以下 HTML 结构和 CSS 样式,文本 的颜色应该是?

这里写图片描述
A:red
B:orange
C:black
D:默认颜色
答案B

解析:当同一个元素有多种不同的选择器css样式时,计算每个选择器的权重,权重值最大的选择器的css优先表示 内联style权重值1000 ID选择器权重值0100 CLASS选择器权重值0010 标签选择器权重值0001

标签的权重是1,类的权重是10 ,id的权重是100
ul#related span 的权重为 1+100+1=102
#favorite .highlight 的权重为 100+10=110
.highlight 的权重为10