css的hover事件鼠标滑过兄弟元素

最新推荐文章于 2024-09-02 09:45:08 发布

薄荷糖丷微微凉

最新推荐文章于 2024-09-02 09:45:08 发布

阅读量1.7w

点赞数

本文链接：https://blog.csdn.net/rui512777/article/details/52381443

版权

<!DOCTYPE>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.hoverfa>a{ text-decoration:none; color:#000;}
.hoverfa:hover{ border-bottom:#6CF 1px solid; }
.hoverfa:hover a{ color:#6CF; text-decoration:none;}
.hoverfa:hover span{ color:#FFF; background:#6CF;}

.hoverfa:hover +.hoverfa1{ background:#FC6;}
</style>
</head>

<body>
<div class="hoverfa">
<span>实时动态1</span>
<a href="#" class="admin_icon">实时动态1实时动态1实时动态1实时动态1实时动态1</a>
</div>

<div class="hoverfa1">
<span>实时动态2</span>
<a href="#" class="admin_icon">实时动态2实时动态2实时动态2实时动态2实时动态2</a>
</div>
</body>
</html>