我的Jekyll博客主题包含一个scss文件,该文件具有以下与语法相关的样式minima.scss
:
.highlight {
background: #fff;
@extend %vertical-rhythm;
.highlighter-rouge & {
background: #eef;
}
.err { color: #a61717; background-color: #e3d2d2 } // Error
// more stuff
我只想覆盖嵌套.highlight -> .err
样式,但是我不想将color和bg-color属性设置为任何特定的值,只是默认值。在这种情况下,我希望就好像.err
样式从未被首先定义过一样。
我minima.scss
在main.scss
其中使用文件(该文件是页面中包含的实际文件)中的文件,如下所示:
@import "minima";
.highlight {
.err { ???? }
}
这样可以轻松添加样式,轻松扩展具有新属性的样式以及易于覆盖样式的特定属性(因为我想第二点提到优先),但是如何“删除”样式或元素?
@import "minima";
.highlight {
.err {
color: unset !important;
background-color: unset !important;
}
}
应该做到的。您可以阅读有关“ unset”和“!important”的更多信息。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句