css的hover事件 鼠标滑过让该元素的子元素或者其他元素演示该表

<!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>
阅读更多
上一篇自定义Dialog以及按钮事件监听
下一篇bootstrap兼容IE各版本的浏览器的问题
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭