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

Question

好的，我有以下CSS：

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

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

更新

特异性

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

Answer 1

根据具体情况，您不需要th {或td {以外的任何内容。

这取决于你是否有另一张桌子。如果你不这样做，th, td {将是最短路的。如果您这样做，则tr无效（因为所有th和td都应在一行内，因此请将其删除）

Answer 2

您不需要tr。由于td和th元素都属于tr，因此它是reduntant，因为空格选择所有后代（不仅仅是子项）。因此，

.gridViewStyle th, .gridViewStyle td {

工作得很好。

Answer 3

或者你也可以这样做，也会尊重你的特异性，这是你实现它的最短途径

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

Answer 4

不，仅限于CSS。

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

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

}

如果您有兴趣，可以参考以下链接

http://lesscss.org/

http://sass-lang.com/