Css规则不起作用

Question

在我的网站中我在选择器中更改颜色字体，但它仍然保持相同的旧颜色。我不明白原因，因为同一选择器中的其他规则正常工作。

这是网站：http://debatoversigt.dk/

我在这个选择器中改变颜色，因为我需要在选择左项目菜单时使用黄色字体：

.selected{
background-image: url('../images/left_menu_hover.png');
background-repeat: no-repeat;
background-size: 100% auto;
color:yellow!important;
}

我添加了其他规则但不适用于颜色，但广告示例适用于背景：

.art-block  li:hover , .art-block  li:visited
{
color:red !important;
}

Answer 1

您的.selected css被css级联覆盖：

.art-blockcontent * {
    color: #666 !important;
}

具有比

更高的特异性

.selected {
    color: #FF0 !important;
}

所以它“赢了”

尝试将您选择的样式更改为：

#art-main .selected {
    color: #FF0 !important;
}

使用的额外ID会增加你css规则的特异性并导致它“赢”，更多地了解css特异性：http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

Answer 2

您的标题是链接，因此只需更改颜色即可。

.selected a:link, .selected a:visited {
 text-decoration: none;
 color: yellow;
}

尝试类似的东西。