ID VS在CSS

Question

類聲明，我有以下HTML結構

<div id="content"> 
    <div id="transport"> 
     <div id="header">Header Text</div> 
     <div id="image"></div> 
     <div id="right_content">Lots of text</div> 
    </div> 
</div> 

有沒有更好的方式來安排上面的CSS，而不是使用IDS所有的div？

Answer 1

ID只能在文檔中使用一次。類可以在整個文檔中重用。樣式附加到ID王牌風格附加到類。

除此之外，這完全取決於你和你作標記的特定內容。

看你的示例代碼，我會建議使用的實際標題標籤，而不是與頭的ID的DIV。

Answer 2

爲什麼不改變那些類和只有頂層容器的ID？這樣，您可以使用頂級ID進行定位。

你也應該刪除頁眉DIV和使用H2或H3標籤。

<div id="content"> 
    <div class="transport"> 
     <h2>Header</h2> 
     <div class="image"></div> 
     <div class="right_content">Lots of text</div> 
    </div> 
</div> 

你的CSS看起來就像

#content .transport {} 
#content h2 {} 
#content .image