代码之家 › 专栏 › 技术社区 › Anil Namde

帮助我了解奇怪的CSS行为!

css

Anil Namde · 技术社区 · 14 年前

奇怪的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>

2 回复 | 直到 14 年前

Skilldrick 14 年前

听起来像是 specificity 问题。有其他的吗 a CSS中的伪选择器?如果有一个选择器比 a.nav:hover (如 .header a.nav:hover )然后它将覆盖它,不管它在文件中的位置如何。

Jacob Rask 14 年前

a.nav:hover,
a.nav:visited:hover{
color:red;
}

或

a.nav:hover{
color:red !important;
}

应该让它工作。

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前