如何覆盖导入的Scss文件中的样式

蜜蜂绳

我的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.scssmain.scss其中使用文件(该文件是页面中包含的实际文件)中的文件,如下所示:

@import "minima";

.highlight {
    .err { ???? }
}

这样可以轻松添加样式,轻松扩展具有新属性的样式以及易于覆盖样式的特定属性(因为我想第二点提到优先),但是如何“删除”样式或元素?

赠品
@import "minima";

.highlight {
  .err {
    color: unset !important;
    background-color: unset !important;
  }
}

应该做到的。您可以阅读有关“ unset”“!important”的更多信息

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章