css - 帮助我理解奇怪的 CSS 行为!

Question

奇怪的 CSS 行为。当我使用 CSS(a.nav:hover 如下例)设置访问颜色时，一旦用户访问链接，悬停就不起作用。但是，当我使用父元素的引用(.header a.nav:hover 如下所示)设置它时，它会起作用。为什么？

a.nav:visited{
color:yellow;
}

/*once the link is visited by user this rule not working*/
a.nav:hover{
color:red;
}

/*if we use this rule it works even after the link is visited*/
.header a.nav:hover{
color:red;
}

<div class="header">
<a class="nav" .. >test </a>
</div>

Answer 1

听起来像 specificity问题。您的 CSS 中是否还有其他 a 伪选择器？如果有一个比 a.nav:hover 更具体的选择器(例如 .header a.nav:hover)那么它将覆盖它，无论它在文件。