html - CSS 链接优先级

Question

我一直在搜索和阅读有关 CSS 优先级的内容，我认为我有正确的代码，但它不起作用。我希望所有链接都显示为蓝色，但类为“绿色”的链接除外。 CSS 代码是:

a.green :link{
    color: green;
    text-decoration: none;
}
a.green :visited{
    color: green;
    text-decoration: none;
}
a:link {
        color: blue;
        text-decoration: none;
}   
a:visited {
        color: blue;
        text-decoration: none;
}
a:hover {
        color: orange;
        font-style: italic;
} 

但结果是所有链接都以蓝色继续。欢迎任何帮助。

Answer 1

您需要删除空格:

a.green:link{
    color: green;
    text-decoration: none;
}
a.green:visited{
    color: green;
    text-decoration: none;
}

否则你最终会寻找 :link/:visited 元素 within a.green 元素，没有意义。