html - CSS 链接优先级

Question

我一直在搜索和阅读有关 CSS 优先级的信息，我认为我的代码正确，但它不起作用。我想让所有链接都变成蓝色，除了那些 class='green' 的链接。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元素，这是没有意义的。 a.green