html - CSS :hover 伪类在我的代码中不起作用
问题描述
我使用悬停伪类来改变锚元素的颜色,<a>
但它的结果不是我想要的。它不工作。请帮帮我。非常感谢。JSFiddle在这里-http: //jsfiddle.net/km9287u3/6/
解决方案
你有一个具体的问题。div#nav a
比 更具体a:hover
。使您的悬停规则更具体,如下所示。
div#nav a {
margin-left: 30px;
font-size: 1.2em;
font-weight: 600;
font-family: sans-serif;
color: #444;
text-decoration: none;
}
div#nav a:hover {
color: brown;
}
<header>
<div id="logo">
</div>
<div id="nav" class="navigation">
<a id="home" href="Ajax_Load_Content_to_Page.html">HOME</a>
<a id="route" href="Ajax2.html">ROUTE</a>
<a id="toys" href="Ajax3.html">TOYS</a>
</div>
</header>
推荐阅读
- android - 如何检索从我的图库中选择的图像的文件大小?
- snowflake-cloud-data-platform - 如何计算雪花数据库变体字段中顶级 json 键的数量?
- mysql - SQL 子查询,使用 WHERE & 'IN' 过滤特定行
- java - 如何在Java中调整Android按钮的文本填充空间?
- java - 如何使用 Jsoup 登录 ASPX 网站
- ffmpeg - 有没有办法使用 FFMpeg 识别音频是 VBR 还是 CBR?
- java - 如何在 x 秒后重新执行行
- html - 无法删除右边距,CSS
- jsoup - 面临使用 Jsoup 提取 youtube 页面源的问题
- python - set 返回的元素顺序