2012-02-03 20 views
0

我發現我有很多重複的代碼在我的div和一些人有:類通配符CSS解析錯誤「的div * {。」

* { 
    padding: 0; 
    border: 0; 
    margin: 0; 
} 

這效果,包括標題和段落等等所有元素我試過了:

div.* { 
    position: relative; 
    padding: 0; 
    border: 0; 
    margin: 0; 
} 

哪一個不能正常工作,在w3c驗證器中顯示爲解析錯誤。

什麼是一個類的正確通配符?

+0

爲什麼你需要的類通配符?只需省略*。該規則將應用於所有div元素。 – Sirko 2012-02-03 11:28:49

+0

很難說出你在問什麼,但是爲了防止我得到它,我在黑暗中刺了一刀。 – BoltClock 2012-02-03 11:43:07

回答

4

您是否試圖匹配任何具有類的div元素,無論該類可能是什麼?

如果是這樣,使用屬性選擇:

div[class] { 
    position: relative; 
    padding: 0; 
    border: 0; 
    margin: 0; 
} 

或者,你只是在尋找任何div元素?

然後只需使用div

div { 
    position: relative; 
    padding: 0; 
    border: 0; 
    margin: 0; 
} 
+0

我相信你需要的是BolClock的第二種選擇:) – frenetix 2012-02-03 11:31:12

+2

對於它的價值,「定位:相對」這樣一大堆'div'元素並不是一個好主意。據我所知,'div'元素沒有任何默認的邊距,邊框或填充,這些都需要在任何瀏覽器中清零。 – BoltClock 2012-02-03 11:32:20

+0

我剛剛意識到這個解決方案之前,除了兩個divs之外,其他所有的都是位置:相對而言,把它放在樣式表的頂部,我可以稍後覆蓋它 – 2012-02-03 11:56:17