这些样式中的每一种都可以自行运作。

Question

我们正在使用icomoon，因此我们的图标是字体，我们可以轻松更改颜色。但是，我在设置图标样式时遇到问题，因此默认颜色为lightgrey，当它具有primary类时，其颜色为yelloworange。现在，我的样式表看起来像这样：

i
  &.icon-star.primary
    color yelloworange
  &.icon-star
    color lightgrey

但是，当我同时拥有它们时，所有图标都是lightgrey，图标带有{{1 class不是primary。（我已经检查了元素，并且确实有正确的类名。）

非常感谢任何帮助。谢谢！

Answer 1

每种风格都可以自行运作。

我怀疑它，因为yelloworange isn’t a CSS colour。如果你看看Stylus的渲染CSS，你会发现它也不能识别颜色（Stylus会将它转换为十六进制表示）。

如果您确实已将yelloworange定义为自定义值，请确保您仍然执行此操作！

Answer 2

我已经找到的解决方法是为standard星级使用lightgrey课程，为primary星级使用yelloworange课程。它似乎并不像只为主星添加一个类而优雅，但它确实有效。

    i
      &.icon-star.primary
        color yelloworange
      &.icon-star.standard
        color lightgrey