2017-03-23 79 views
0

我不熟悉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(最新版本)

回答

2

你的问题不是CSS特异性,而仅仅是单元格背景(<td>)隐藏行背景(<tr>)。

+0

所以一般不会在子元素的造型重写(或隐藏)造型的父元素? – BrDaHa

+1

@BrDaHa - “一般”在这里不适用。表格单元格的背景具有特定的规则,详见规范的[17.5.1表格层和透明度](https://www.w3.org/TR/CSS22/tables.html#table-layers)。 – Alohci

+0

@Alohci谢谢你,这是我的知识差距 – BrDaHa

0

尝试增加边界崩溃属性父表像下面
table#results { border-collapse: collapse;}

+0

是的,这是行不通的。我不确定这是否真的解决了这个问题,并且它已经从bootstrap normalize.less文件中应用 – BrDaHa