html - 为多个嵌套元素设置相同的样式

Question

好的，我有以下 CSS：

.gridViewStyle tr th, .gridViewStyle tr td {
    padding: 5px;
}

它按预期工作并将填充应用于th和td元素。但是，我真的必须多次声明完全限定的路径吗？或者换句话说，有没有更简洁的方法来做同样的事情？

更新

特异性

关于特异性，我不能将其应用于其他表格，它必须严格应用于具有此 CSS 类的网格视图。

score 3 · Accepted Answer

根据具体情况，您不需要比th {or更多的东西td {。

这仅取决于您是否有另一张桌子。th, td {如果你不这样做，那将是最短的方法。如果你这样做了，那就tr什么都不做（因为所有都th应该td在一行内，所以删除它）

score 1 · Accepted Answer

你不需要tr. 由于td和th元素都属于tr，因此它是冗余的，因为空间选择了所有后代（不仅仅是孩子）。所以，

.gridViewStyle th, .gridViewStyle td {

会工作得很好。

score 1 · Accepted Answer

或者，您也可以这样做，也将尊重您的特殊性，这是您实现它的最短方法

.gridViewStyle th, .gridViewStyle td {
    padding: 5px;
}

score 0 · Accepted Answer

不，不是仅在 CSS 中。

仍然有 CSS 预处理器 LESS 或 SASS 可以让你这样做：

.gridViewStyle tr 
{
    th, td { padding: 5px; }

}

如果你有兴趣，这里有几个链接