<!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>
css小記：hover 鼠標滑過讓該元素的子元素或者其他元素改變樣式
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。