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个元素，这是没有意义的。