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 应该覆盖主要的 css。

score 6 · Accepted Answer

.button a是你所需要的全部

我总是在上设置默认样式a，并且仅在需要具有不同效果时才定位伪类。

编辑以包括评论中的修复：

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

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

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

score 0 · Accepted Answer

这里有一些东西可以尝试

确保您的样式表具有“.button a”的规则 - 还要确保在定义“a”的全局规则之后包含此样式表。

如果这不起作用，请尝试更具体，例如：“.button > a”，仅选择直系后代。

如果这不起作用，虽然这是不好的做法，但您始终可以将您的样式标记为重要，如下所示：

color: #fff !important;

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

2 回答 2