2013-04-17 94 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