css - 使用 div 定义 CSS 属性

Question

我正在尝试根据它们所在的 DIV 来分隔两个表的 CSS 属性。如果您查看 http://jsfiddle.net/jdb1991/tpXKT/您将看到“resultA”中的表正在使用为“resultB”定义的 TD 属性。

我知道这是由于属性的“级联”而应用的，但是如果我使用了#resultB 选择器，为什么会包含它呢？或者这是无效的？

为了 Stack 的幸福:

#resultA table {border-collapse: collapse}
#resultA table th, td {border: 1px solid black}
#resultA table td {background-color: blue}

#resultB table {border-collapse: collapse}
#resultB table th, td {border: 5px solid black}
#resultB table td {background-color: red}

<div id="resultA">
    <table>
        <tr>
            <th>Result</th>
        </tr>
        <tr>
            <td>11.5</td>
        </tr>
    </table>
</div>

Answer 1

因为你自己定义了两次td。也就是说，选择器 #resultB table th 到此结束，当您使用逗号包含 td 时，您只是将 td 定义为一个独立的元素。你需要做:#resultA table th, #resultA table td 和 #resultA table th, #resultA table td 为每一个获得不同的样式。