編碼的世界 / 優質文選 / 生涯
css的hover事件 鼠標滑過兄弟元素
2021年10月23日
-
<!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>
熱門文章
