最近改写一个页面，想要鼠标移动上去后，改变li列表的背景颜色，同时保证a标签中的字体颜色也随之改变。
之前的html代码和css样式如下：
<ul>
<li><a href="#">链接1</a> </li>
<li><a href="#">链接2</a> </li>
<li><a href="#">链接3</a> </li>
</ul>
/* css代码 */
ul li:hover{
background-color: #fafafa; /*改变li列表的背景颜色*/
color: #ff8f00;
}
上述html代码的css样式可以改变列表的背景颜色，但改变不了a标签的字体颜色。
原因在于：
a标签元素继承的权重没有a标签浏览器默认设置的高，解决方法可以是再多写一句css语句，将a标签单独写一句css样式，给a标签指定固定颜色属性：
ul li:hover a{
color: #ff8f00; /*设置鼠标移动到列表文字以后的颜色*/
}
完整代码如下（复制保存为html格式可运行）：
<html>
<head>
</head>
<style type="text/css">
/* css代码 */
ul{
list-style-type:none;//删除列表前面默认的列表符号
}
ul li a{
background: #fafafa; /*设置a标签文字的背景颜色*/
}
ul li{
margin: 7px 0 0;; /*列表上下间距7px*/
}
ul li:hover{
background-color: #fafafa; /*改变li列表的背景颜色*/
color: #ff8f00;
}
ul li:hover a{
color: #ff8f00; /*设置鼠标移动到列表文字以后的颜色*/
}
</style>
<body>
<ul>
<li><a href="#">链接1</a> </li>
<li><a href="#">链接2</a> </li>
<li><a href="#">链接3</a> </li>
</ul>
</body>
</html>
MusicTag音乐标签，一款快速批量修改本地音乐MP3标签的编辑工具
音乐标签是一款可以编辑音频文件的标题，专辑，艺术家，歌词，封面等元数据的应用程序， 支持FLAC, APE, WAV, AIFF, WV, TTA, MP3, MP4, M4A, OGG, MPC, ...
淘宝3:4宝贝主图像素是多少？一般图片尺寸是多少
关于3:4图片尺寸的像素比例有很多种 对于卖家来说，主图的拍摄和制作非常重要，因为主图会影响到产品的点击和转化。主图的尺寸大小也在不断变化。 一、淘宝3:4主图尺寸是多少像素 淘宝3:4主图的像素要大...
AdSense的广告投放限制如何修复
如果你是通过展示广告来获利，那么AdSense 很可能是您的广告堆栈的一部分。对于许多刚起步的发布商来说，AdSense 通常是他们使用的唯一广告网络。通过 AdSense 限制您的广告投放对大多数人...
win10系统C盘里胡windows.old文件可以删除吗
最近将系统升级到了win10 1803版本，再查看系统c盘，60G的c盘只剩下16G的空间了，打开C盘查看多了一个文件夹windows.old。 查看windows.old文件夹属性发现，竟然占了23...
我的微信
我的微信
微信扫一扫
评论