使项目显示为黄色

【问题标题】：Make an item appear yellow使项目显示为黄色
【发布时间】：2015-09-07 13:44:41
【问题描述】：

我有两个列表，您可以在 jsFiddle 中看到。当比赛满员时，玩家可以通知世界其他人他想参加比赛，因此他可以将自己设置为等待。为此，我想我可以把那个项目涂成黄色（如果你有其他建议，我会死去发现:)）。但是，没有效果。

这是 CSS 代码：

.waiting {
    color: yellow !important; 
}

【问题讨论】：

【解决方案1】：

您需要选择<li> 内的<a> 元素来更改文本颜色

您可以使用<li> 更改背景颜色等...

例如：

.waiting a {
    color: yellow;
}

【讨论】：

哈哈@MrLister 抱歉，会纠正的。这行得通，但为什么呢？
@MrLister 你比我先到那里
@gsamaras 为什么.waiting a 有效，而.waiting 本身却无效？好吧，因为a 元素已经有了自己的颜色，它不依赖于父元素（即它不是继承的）。您也可以通过在样式表中写入 a {color:inherit} 来解决此问题。
我认为 Gotschi 会很有礼貌地编辑它。