具有ID的元素的基礎Sass覆蓋屬性

Question

如何使用Foundation和Sass覆蓋具有特定ID的元素的屬性？

我有一個<section id='myid'>，想覆蓋一些屬性是：

#myid { 
    background: blue; 
    color: white; 
} 

如果我把這個CSS文件，或文件app.scss它不會被應用。它在編譯的文件中，但默認設置仍然優先。

如何強制這些設置具有最高優先級？

Answer 1

您需要考慮CSS的「特異性」，#id通常優先，但它實際上取決於如何在首先聲明的規則。我不是基金會的專家，但你可以閱讀更多關於CSS-技巧主題：http://css-tricks.com/specifics-on-css-specificity/

快速和骯髒的解決辦法是使用!important標誌上的屬性，但我建議你只做它作爲最後的手段：

#myid { 
    background: blue !important; 
    color: white !important; 
}