如何在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应该覆盖主要的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通过增加选择性来实现它，并增加所应用样式的重要性。