如何更有效地组织这些 CSS 选择器?我希望 CSS 选择器也适用于分配了 id 的元素

Question

很抱歉标题上的措辞很差。 我想知道是否有办法让 CSS 文件执行类似于以下代码的操作，并将背景颜色应用于我所有带有 id 的表格单元格。-

td {
background-color: #d3d3d3;
}
#OtherTableCell {
border: 1px solid black;
}
#AnotherTableCell {
font-weight: bold;
}
#OneMoreTableCell {
width: 5%;
}

有没有办法做到这一点，或者我只需要这样写

#OtherTableCell {
border: 1px solid black;
background-color: #d3d3d3;
}
#AnotherTableCell {
font-weight: bold;
background-color: #d3d3d3;
}
#OneMoreTableCell {
width: 5%;
background-color: #d3d3d3;
}

Answer 1

Google OOCSS(面向对象的CSS)提供了有关如何在CSS中创建"对象"以更有效地组织CSS的指南。您只需要遵循 DRY 原则，这样样式就不会不必要地重复。

Answer 2

这个问题有很多答案。 有一些完整的指南会有所帮助。

我最喜欢的是这个：https://css-tricks.com/complete-guide-table-element/

有许多方法可以按行或列和标题对样式进行分组。 这完全取决于您到底想做什么。