css - 具有 ID 的元素的 Foundation sass 覆盖属性

Question

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

我有一个 <section id='myid'>并想为此覆盖一些属性:

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

如果我将其放入 CSS 文件或 app.scss 文件中，它将不会被应用。它在编译文件中，但默认设置仍然优先。

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

Answer 1

您需要考虑 CSS 的“特殊性”，#id 通常优先，但它实际上取决于首先声明规则的方式。我不是 Foundation 专家，但您可以在 CSS-Tricks 上阅读有关该主题的更多信息:http://css-tricks.com/specifics-on-css-specificity/

一个快速而肮脏的解决方案是在属性上使用 !important 标志，但我建议您只在万不得已时才这样做:

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