css - css类没有级联，在锚标签上

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 之后。

===>>> 编辑 <<<===

假设 .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;
}