造型乾淨的div標籤

Question

在樣式表中，您經常會看到div#id { /* something */ }和div.class { /* ... */ }，但您多久看一次div { /* something */ }？

將沒有#id或.class的div標籤樣式化是不是一個好主意？

Answer 1

只要您確定要將此樣式應用於文檔中的每個div，這不一定是錯誤的做法。您始終可以覆蓋級聯樣式表並進一步向下添加。

Answer 2

正如你通常使用divs的一堆不同的東西，我會回答「是」。

Answer 3

那麼......這取決於你想要什麼。如果你想讓標記中的每個div標籤具有相同的風格，那麼使用標籤選擇器而不是類或id選擇器是有意義的。

Answer 4

這一切都取決於你的目的。

將所有div設置爲一種特定樣式可以被覆蓋。

所以你可能想要強制所有div的高度，但在隱藏class的div上你不想顯示任何值。最後，你可能需要一個id = hello的div來創建紅色背景。

接下來你決定你想要一個id = foo和class = bar的div的高度爲200。

div { 
    height:100px; 
} 

div.hidden { 
    display:none; 
} 

div#hello { 
    background-color:#FF0000; 
} 
div#id.bar { 
    height:200px; 
}