css - 如何在CSS中选择所有的伪类？

Question

我有一个按钮，我想知道是否可以缩短下面的 css。

.button a:link, .button a:visited, .button a:hover, .button a:active {
    color: #000;
    text-decoration: none;
}

我的意思是:

.button a:* {
    color: #000;
    text-decoration: none;
}

也许没有更短的方法，但我只是想知道。我发现了这样的东西:

.button a:link:visited:hover:active {
    color: #000;
    text-decoration: none;
}

但是没有用，不知道为什么..有关信息 - 我在文件顶部有一个通用的 css:

a:link {
    color: #DA5632;
}
a:visited {
    color: #CE3408;
}
a:hover {
    color: #289BF8;
}
a:active {
    color: #CE3408;
}

所以按钮类 a 应该覆盖主要的 a css。

Answer 1

.button a 就是你所需要的

我总是在 a 上设置默认样式，并且仅当我需要不同的效果时才使用伪类。

编辑以包含来自评论的修复:

因为 a 元素的默认样式声明如下:

a:link {
    color: #DA5632;
}
a:visited {
    color: #CE3408;
}
a:hover {
    color: #289BF8;
}
a:active {
    color: #CE3408;
}

在样式表的顶部，我们需要通过增加选择性使其成为body .button a，从而增加所应用样式的重要性。