css - 如何覆盖我的通用 css 链接样式

Question

我的 CSS 中有这种通用样式:

a:link, a:visited, a:active {
  color: #green;
  text-decoration: underline;
  font-weight: 500; 
}

现在我试图用以下内容覆盖链接:

.post-title a {
    color: #333333;
    text-decoration: none;
}

.post-title .level-one a {
    color: #red;
    text-decoration: none;
}

.post-title .level-two a {
    color: #orange;
    text-decoration: none;
}


<p class=""><a href="" class="post-title level-one">Hello world</a></p>

我的 CSS 没有应用，文本颜色是绿色并且有下划线。

我该如何解决这个问题？

Answer 1

您需要使用与要覆盖的规则中相同的伪选择器，此外，如果 a 链接本身具有这些类(我一开始没有看到)，您有将它们附加到 a 链接 而 之间没有空格

a:link.post-title , a:visited.post-title , a:active.post-title  { .......

等等