CSS特异性：带ID的选择器不会覆盖带类的选择器？

Question

我不熟悉CSS，但我理解特殊性的基本思想（或者我认为）。最近我试图覆盖Bootstrap 3的表CSS，它是为每个单元格定义的（这是一个部分位，对被检查元素有效的部分）：

.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（最新版本）

Answer 1

你的问题不是CSS特异性，而只是隐藏行背后的<td>（<tr>）的单元格背景。

Answer 2

尝试将border-collapse属性添加到父表，如下所示   table#results { border-collapse: collapse;}