我不熟悉CSS,但我理解特异性的基本思想(或者我认为)。最近,我试图覆盖引导3,将其用于像这样每个小区定义的(这是一个部分比特,这是检查单元上有效的部分)的表CSS:CSS特异性:带ID的选择器不会用类来覆盖选择器?
.table > tbody > tr.danger > td, .table > tfoot > tr.danger > td {
background-color: #ddd;
}
我试图覆盖包含该单元格整行的背景色,与此:
table#results > tbody > tr.highlighted {
background-color: #ffd15b;
}
其中,按照我的理解,具有较高的特异性,由于ID。然而,它并没有在所有的工作,直到我在我的CSS介绍孩子td
:
table#results > tbody > tr.highlighted > td {
background-color: #ffd15b;
}
为什么没有我的第一次尝试的工作?我试过Safari和Chrome(最新版本)
所以一般不会在子元素的造型重写(或隐藏)造型的父元素? – BrDaHa
@BrDaHa - “一般”在这里不适用。表格单元格的背景具有特定的规则,详见规范的[17.5.1表格层和透明度](https://www.w3.org/TR/CSS22/tables.html#table-layers)。 – Alohci
@Alohci谢谢你,这是我的知识差距 – BrDaHa