重複使用相同的ID和使用不同的類名

Question

我有我用於整個頁面的包裝ID。

HTML

<div id="wrapper"> 
</div> 

CSS

#wrapper{ 
width: 960px; 
margin: 0 auto; 
} 

現在我想要做的是創造該ID，我將使用具有最寬的全分辨率的網頁類。

HTML

<div id="wrapper" class="full-width> 
</di> 

CSS

#wrapper.full-width{ 
width: 100%; 
} 

這是做正確的方式？

Answer 1

一個ID必須是唯一的，所以你只能在頁面上使用它（這聽起來像你在做什麼）。

根據具體情況，我可能會傾向於使ID和類分離標記（div class =「full-width」嵌套在包裝內），特別是如果ID包裝將用於各種各樣的頁面，但是課程可能會有所不同。這爲包裝ID提供了更大的靈活性。

這樣做，你仍然可以按照你擁有的方式來做CSS。