2015-09-07 85 views
2

我有两个列表,您可以在jsFiddle中看到。当比赛结束时,一名球员可以通知世界其他地方他想参加比赛,因此他可以将自己定位为等待比赛。为了这个目的,我想我可以把这个项目涂成黄色(如果你有其他建议,我会死掉找出:))。但是,没有效果。使项目显示为黄色

这里是CSS代码:

.waiting { 
    color: yellow !important; 
} 

回答

5

您需要选择<li><a>元素来改变文字颜色

可以使用<li>来改变背景颜色等...

如:

.waiting a { 
    color: yellow; 
} 
+0

哈哈@MrLister对不起,会改正这一点。这有效,但为什么? – gsamaras

+0

@MrLister你在我面前 –

+2

@gsamaras为什么'。等待一个'工作,但'等待'本身不是?那么,因为'a'元素已经有了它们自己的颜色,它不依赖于父元素(即它没有被继承)。你也可以通过在样式表中写入'a {color:inherit}'来解决这个问题。 –