CSS聲明 - 元素類型和ID還是ID？

這樣：

div#main_content { 
    width: 900px; 
    border: 1px solid #CCC; 
    margin: 20px 0 20px 0; 
    padding: 40px; 
    overflow: hidden; 
}

或者這樣說：

#main_content { 
    width: 900px; 
    border: 1px solid #CCC; 
    margin: 20px 0 20px 0; 
    padding: 40px; 
    overflow: hidden; 
}

在崇高的文本2，崇高的棉短絨包裝建議我不div使用 - 只#main_content，但在某些教程中，我看到最好使用div＃main_content，因爲它更容易解析。

你有什麼建議，我應該使用？（我認爲結果將在這種情況下類相同）

來源

2012-08-03 Mirza Delic

[將選擇器與ID選擇器相結合的優點是什麼？例如DIV＃SOME_ID]（http://stackoverflow.com/questions/11428210/what-are-the-advantages-of-combining-a-type-selector-with-an-id-selector-e-g-d） – Quentin 2012-08-03 14:51:11

最好只使用id。頁面上只有一個元素具有給定的ID，所以元素類型是多餘的。

錯過元素類型的另一個原因是，如果您決定更改HTML（可能會將<div>更改爲更類似於<p>或<section>的語義），CSS選擇器仍將匹配。

來源

2012-08-03 14:51:05 codebox

沒有太大的區別，ID的是最快的，所以使用它們，你會好，使用div＃id只是說隻影響id如果它是一個div內（您可能需要在某些時候這個功能，雖然可能有一類，而不是一個ID）

來源

2012-08-03 14:49:34 Andy

，其中包括與ID元素類型是真正有益的（我能想到的）唯一情況是，如果你去同一個ID適用於不同的元素類型在不同的頁面，並希望以不同的樣式。

例如，如果您的主頁上，創建<header id="main">和其他頁面你有<section id="main">，你肯定會想使用header#main和section#main分別樣式的兩個元素。

如果您的ID將被應用於所有頁面中的相同元素類型，那麼CSS中的元素選擇器只會增加CSS的易讀性，如果您想知道您的元素是什麼類型造型。

來源

2012-08-03 14:54:39 jackwanders

CSS聲明 - 元素類型和ID還是ID？

回答

相關問題