Question

我的目标是.menu-item-16，因为我想更改仅针对此类的锚文本颜色。但是，浏览器会匹配默认主题的CSS值而不是我的自定义代码。

我的CSS文件有主题默认代码

.news-entry li a:visited {
    color: #A84949;
}

我的代码

.menu-item-16 a, .menu-item-16 a:active, .menu-item-16 a:link, .menu-item-16 a:visited    {
    color: green;
}

但是在浏览器中，当我使用工具包时，它匹配，主题默认代码，我的代码如下所示。

请帮帮我。我一直在寻找没有运气的时间。

Answer 1

我认为你错过了“li”：

.news-entry li.menu-item-16 a, .news-entry li.menu-item-16 a:active, .news-entry li.menu-item-16 a:link, .news-entry li.menu-item-16 a:visited     
{
    color: green;
}

Answer 2

您可以尝试将id赋予锚标记，例如：

#menu-item-16 a {
    color: green;
}

或者您也可以尝试将“！important”赋予班级css。

.menu-item-16 a{
    color: green !important;
}

Answer 3

您需要更新特异性以匹配默认主题CSS。请尝试以下操作（请注意li之前的a）：

.menu-item-16 li a, 
.menu-item-16 li a:active, 
.menu-item-16 li a:link, 
.menu-item-16 li a:visited    {
    color: green;
}

另请注意，为了使其正确级联您的样式规则需要在默认主题CSS之后。

===＆GT;＆GT;＆GT;编辑＆lt;＆lt;＆lt; ===

假设.menu-item-16 来自默认CSS的li，您将需要使用以下内容。

.news-entry li.menu-item-16 a, 
.news-entry li.menu-item-16 a:active, 
.news-entry li.menu-item-16 a:link, 
.news-entry li.menu-item-16 a:visited    {
    color: green;
}

在锚标签上的css类没有级联

3 个答案: