具有ID的元素的基础sass覆盖属性

Question

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

我有一个<section id='myid'>，并希望覆盖一些属性：

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

如果我将它放在CSS文件中，或者在app.scss文件中，它将无法应用。它位于已编译的文件中，但默认设置仍然优先。

如何强制这些设置具有最高优先级？

Answer 1

你需要考虑CSS的“特殊性”，＃id通常优先，但它实际上取决于首先声明规则的方式。我不是基金会的专家，但你可以在CSS-Tricks上阅读更多关于这个主题的内容：http://css-tricks.com/specifics-on-css-specificity/

一个快速而肮脏的解决方案是在属性上使用!important标志，但我建议你只做最后的手段：

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