CSS样式化多个元素

Question

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

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

事情是这些元素已经有了CSS属性，我可以覆盖它们但是有更好的方法吗：

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

我知道一个更好的选择是重新使用整个CSS，但是在目前的时候更容易进行覆盖。

Answer 1

是的，你做得对。最好的方法是使选择器比已经存在的选择器更具体。

!important是一个应该不惜一切代价避免的黑客行为，除非绝对不可能覆盖选择器。在这种情况下不是，所以应该避免使用!important。

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

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