手写笔:如果元素有额外的类,我如何更改元素的颜色？

Question

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

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

这些风格中的每一种都可以独立工作.

但是,当我拥有它们时,所有的图标都是,lightgrey并且primary类的图标不是yelloworange.(我检查了元素,他们确实有正确的类名).

任何帮助将不胜感激.谢谢!

Answer 1

这些风格中的每一种都可以独立工作.

我对此表示怀疑,因为yelloworange 它不是CSS颜色.如果你看看Stylus的渲染CSS,你会发现它也不能识别颜色(Stylus会将它转换为十六进制表示).

如果您确实已yelloworange定义为自定义值,请确保您仍然这样做!

@spinlock:我正在回答这个问题.如果它不适合你,你可以这么说(你还没有).如果您已经定义了`yelloworange`,请注意问题,并提供最少量的代码,我们可以用来重现问题.我不确定在哪里有人会得到我正在争论的印象; 法比奥似乎被我赶走了,他指出他的评论中提出的修正不应该有所作为(你已经证实),这不是我的错.如果你对获得帮助不感兴趣,我也可以随时离开. (14认同)
@Fabio仍然应该在问题中添加,或者至少应该添加一个标签."im out"的添加也无助于你的陈述.但是让我们远离元. (7认同)
@Fabio:在问题的某处提到了吗？ (6认同)
不,但很明显.无论如何,只要提一下为什么他对这个代码是正确的,我就不那么疯狂了.现在我看到你的另一个评论,所以我可以看到你在滚动,玩得开心,我出去了. (4认同)
他通过CSS预处理器定义颜色名称 (2认同)
@spinlock,而不是标记我的答案,也许你可以尝试并提供反馈. (2认同)