css - 在选择器中的伪类之后包含元素是否有效 CSS？

Question

当我将鼠标悬停 到列表元素而不是 anchor 标记上时，我试图创建一种效果。例如，这样做:

#wrapper ul.menu li:hover {
    color: #ff0000;
}

这不会改变我的颜色，因为我有一个嵌套更深的 anchor 标记样式，所以我尝试了这个并且它有效:

#wrapper ul.menu li:hover a {
    color: #ff0000;
}

但我不确定在伪类之后选择元素是否是有效的 CSS。

Answer 1

任意数量的伪类可以出现在选择器的任意部分。根据您的需要，您可以自由地为 sibling 或后代或任何不是您应用伪类的元素设置样式，无论伪类是什么。