在您的CSS中使用ID作爲「模塊」被認爲是不好的做法嗎？

Question

我知道很多人不贊成在你的造型中使用ID，因爲它們增加了太多的特異性。

但是，如果您正在使用可放置在任何頁面或任何容器上的組件，如果使用得當，這不是件好事嗎？我可以忽略一些東西嗎

我做的最後一個項目我使用了SMACSS方法來模塊化所有東西。除了那些我不得不故意添加額外特性的情況之外，這種方法運行良好。

實施例使用SCSS：

#myWidget { 
    .foo { 
    width: 150px; 
    } 
    ... 
} 

其中在一些情況下，這可以被覆蓋相當

.myWidget { 
    .foo { 
    width: 150px; 
    } 
} 

Answer 1

一般的規則是，一個ID應該只存在於頁面一次（#main-navigation上爲一個<div>例如包含您網站的導航），並且類可以多次出現在頁面上（例如，.red-text給一些文本以紅色爲例）。我個人傾向於使用ID來區分不同的容器級別的部分，而類可以更普遍地應用。

您的例子並不包含有效的CSS但是......你需要他們這樣寫：

#myWidget .foo { 
    width: 150px; 
} 

或

.myWidget .foo { 
    width: 150px; 
}