css - 多类样式链接

为了进一步精简CSS，我需要知道如何为访问，悬停和活动的每个链接在一行上的多个类中设置链接的样式（除非有更好的方法）

<div class="div1"><a href="">Some words</a></div>
<div class="div2"><a href="">Some words</a></div>
<div class="div3"><a href="">Some words</a></div>

以下是我认为可以使用的CSS，但仅第一列执行了“ .div1”，而.div2和.div3被忽略了

.div1 a:link, div2 a:link, div3 a:link {
    color: red;
}
.div1 a:visited, div2 a:visited, div3 a:visited {
    color: red;
}
.div1 a:hover, div2 a:hover, div3 a:hover {
    color: blue;
}
.div1 a:active, div2 a:active, div3 a:active {
    color: blue;
}

最佳答案

您忘记了div2和div3之前的点。

选中此JSFiddle