CSS background-color给我带来了问题.样式块需要使用“ .land.custom_one”而不是普通的“ .custom_one”才能工作.从td类中删除“ land”也可以使其工作,但是我需要“ land”类来使悬停工作,因为并非所有需要悬停效果的tds都可以.
在style.css之后定义样式块. Chrome和Firefox都存在此问题.
style.css
#id table {
background-color: blue;
}
#id td.land {
background-color: green;
}
#id td.land:hover {
background-color: black;
color: orange;
}
style block
.custom_one {
background-color: red;
color: white;
}
html
<td class="land custom_one"></td>
最佳答案
选择器的特异性计算如下:
>计算选择器中ID属性的数量(= a)
>计算选择器中其他属性和伪类的数量(= b)
>计算选择器中元素名称的数量(= c)
>忽略伪元素.
将三个数字a-b-c(在基数较大的数字系统中)连接起来可得出特异性.
元素选择器:0,1(1)
类选择器0、1、0(10)
ID选择器1,0(100)
CSS:
.blue {
font-color:blue;
}
#red {
font-color:red;
}
HTML:
<div class="blue">
<div class="blue">
<div class="blue">
<div id="red">this text will be red</div>
</div>
</div>
</div>
最好的解释方式是这个人所做的:CSS: Specificity Wars
原文地址:https://www.jb51.cc/css/530786.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。