将a焦点轮廓添加到所有链接

Question

我为主站点链接设置了以下默认样式：

a {
    color: #000;
    text-decoration: none;
}
a:visited,
a:focus,
a:active {
    color: #000;
}
a:hover {
    color: red;
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active {
    outline: 0;
}

在设计其他链接时，我遵循相同的模式，例如：

.button {
    color: #fff;
    background: #000;
}
.button:visited,
.button:focus,
.button:active {
    color: #fff;
}
.button:hover {
    color: #000;
    background: #fff;
}

是否有必要为其他链接包含焦点轮廓样式，或者浏览器是否会回退到我的默认值？我知道拥有正确的焦点样式将有助于访问。

Answer 1

如果您“分类”链接上的:focus伪类与主链接不同，则无需再次声明。