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

我有一个按钮，我想知道是否有可能使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;
}

但它不起作用，不知道为什么。。 仅供参考-我在文件顶部提供了a的通用css：

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

---

因此按钮类a应该覆盖主css。

。按钮a

就是您所需要的

我总是在

a

上设置一个默认样式，并且仅在需要具有不同效果时才以伪类为目标

编辑以包括来自评论的修复：

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

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

---

在样式表的顶部，我们需要使其成为

主体。按钮a

通过增加选择性，我们增加了所应用样式的重要性。

下面是一些可以尝试的东西

确保您的样式表中有“.button a”-的规则，并确保此样式表包含在定义“a”规则的全局样式表之后

如果这不起作用，请尝试更具体一些，如：“.button>a”，只选择直接后代

如果这不起作用，尽管这是一种不好的做法，但你可以始终将你的风格标记为重要，如：

color: #fff !important;

---

这将要求它们最后被解析。

Hmm，是的，我试过了，但是button类使用了通用的a:css。请参见firebug的屏幕截图：您可以执行

按钮a:已访问、按钮a:悬停

等操作。如果我没有弄错的话，这将覆盖常规的“a:悬停”样式。查看：有关CSS选择器的更多信息。只需将其设置为

主体。按钮a

，这将解决您的问题（通过增加您的选择性，您可以使此样式具有优先权）