如何更有效地组织这些 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 选择器？我希望 CSS 选择器也适用于分配了 id 的元素
【发布时间】：2017-10-18 13:15:40
【问题描述】：

抱歉，标题措辞不佳。我想知道是否有办法让 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;
}

【问题讨论】：

关键字：属性选择器。
当你尝试它时它会做什么？ CSS 或级联样式表通过设计“级联”您的顶级代码示例应该可以工作。您可能想查看specificity 及其对 css 的影响
@happymacarts 它...默认情况下就是这样工作的。 sigh 现在我有点尴尬了。

标签： css css-selectors code-organization

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

【讨论】：

谢谢！在寻求帮助之前，我需要更好地研究这些内容。
没问题 - 有时甚至很难知道要搜索什么。这个问题也有多个答案，OOCSS 是just one paradigm to consider.