将类应用于元素的所有子元素

Question

我想知道是否可以（不使用JS）声明tr.myRow的所有孩子都有某个班级。我试图使用W3.CSS，我希望每个<td>元素都是w3-border类。现在代码必须如下所示：

<table class="w3-table">
    <tr>
        <td class="w3-border">A</td>
        <td class="w3-border">B</td>
        <td class="w3-border">C</td>
    </tr>
</table>

这不优雅。

我很感激任何提示

Answer 1

关于你的问题，正如你所说的那样 - 你无法通过裸CSS将类分配给HTML元素。为此，具体而言，您需要使用javascript或像SCSS这样的CSS扩展。

但是，我假设您正在尝试将属性/值分配给实际的td - 您不需要为其分配类。

tr.myRow * { /* Add your styles here */ }

此方法不回答您的问题，但确实提供了一种方法来产生您最有可能找到的相同结果。

Answer 2

.w3-table tr td {//add your css}