css - CSS样式化多个元素

Question

关于 CSS 的快速问题。我目前正在开发一个项目，该项目包含一些样式化页面的 CSS 文件。此刻，我试图找出重新设计几个元素的最佳方式，即：包含在特定 div 中的 (h1, h2, h3) 即：

<container id=1>
  <h1></h1>
  <h2></h2>
</container>

问题是这些元素已经具有 CSS 属性，我可以覆盖它们，但有没有比以下更好的方法：

#1 h1, #1 h2, #1 h3{styling}

我知道一个更好的选择是重新设计整个 CSS，但目前只进行覆盖更可行。

score 2 · Accepted Answer

是的，你做对了。最好的方法就是制作比已经存在的选择器更具体的选择器。

!important是一种应该不惜一切代价避免的 hack，除非绝对不可能覆盖选择器。在这种情况下它不是，所以!important应该避免。

您还应该知道 HTML ID 不应以数字开头，它们必须以字母开头。并且应该用引号括起来。例如：

<container id="one">
  ...
</container>

1 回答 1