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

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;}

对于a.vertical 类的直接子级标签。