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

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

这是基本的，因为您可以为a类元素中的所有.vertical标记创建：

.vertical a {color:blue;}

或：

.vertical > a {color:blue;}

表示作为.vertical类的直接子级的a标记。