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

Question

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

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

这个问题有很多答案。有一些完整的指南可以提供帮助。

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

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

Answer 2

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

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

How can I organize these CSS Selectors more efficiently? I want a CSS selector to apply to elements that have ids assigned as well

css

code-organization

css-selectors