如何选择所有伪类子元素？

Question

有没有更简洁的 CSS 编写方法？

.vertical > a:link,
.vertical > a:visited,
.vertical > a:hover,
.vertical > a:active
{color:blue;}

我只是想选择 .vertical div 内的所有 a 伪类并将其全部设置为蓝色。

Answer 1

这应该有效：

.vertical > a

通常有一个更强的规则来覆盖它，因此您可能必须使用伪类来创建同样强大的规则，或者使用 !important 或其他选择器来查看的影响。

Answer 2

这对于 .vertical 类元素中的所有 a 标记来说是最基本的：

.vertical a {color:blue;}

或者：

.vertical > a {color:blue;}

对于直接子元素的 a 标记.vertical 类的。