2013-04-17 62 views
1

有关CSS的快速问题。我目前正在研究一个有几个CSS文件的样式的页面。在一分钟,我试图找出再整理的几个要素的最佳途径,即:(H1,H2,H3),它们包含在一个特定的div即:CSS造型多个元素

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

的事情是这些元素已经有了CSS性质,我很好的覆盖他们,但有没有这样做比一个更好的办法:

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

我知道一个更好的选择是重新工作的整个CSS,但它在当前时间更feasable只重写。

+3

注意:HTML ID必须以字母开头,而不是数字。 –

+4

@ChristianVarga - 好吧,从技术上讲,他们可以使用HTML5 [http://www.w3.org/html/wg/drafts/html/master/dom.html#the-id-attribute]。但是,避免使用它可能不是一个坏主意,因为一些旧版浏览器可能无法应对。 – CherryFlavourPez

+0

@CherryFlavourPez有趣,不知道! +1的评论! –

回答

3

是的,你做得对。最好的方法是制作比现有选择器更具体的选择器。

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

您还应该知道,HTML ID不应以数字开头,它们必须以字母开头。并且应该用引号包裹。例如:

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

啊甜,很高兴我正确地做到了。一些长的CSS属性名称传入!而且,只是以此为例(在求助时确实应该输入有效的HTML) –

+0

同样,属性引号在HTML5中是可选的 - 但对于大多数目的而言,包含它们是一个好主意。尽管如此,没有任何技术上* OP的标记错误。 – CherryFlavourPez