css小记:hover 鼠标滑过让该元素的子元素或者其他元素改变样式
2024-09-05 11:40:41
<!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>
最新文章
- Python之路【第十五篇】WEB框架
- Windows和Unix下的编码问题
- Java保留两位小数的几种做法
- MyBatis——实现关联表查询
- 【POJ】【3537】Crosses and Crosses
- HDU 1863:畅通project(带权值的并查集)
- 加深理解UIView,UIResponder,UIController
- chrome dev tools
- java_web学习(3)XML基础
- 【好记性不如烂笔头】死锁之java代码
- php echo和print_r和var_dump的区别
- 安装 go 语言环境
- android 特卖列表倒计时卡顿问题
- Spring Boot 快速入门笔记
- lombok @EqualsAndHashCode 注解讲解
- VC++ 6.0 C8051F340 USB PC侧通信 Demo
- java script sleep synchronous
- 14-matlab排序
- Class.forName(String name)方法,到底会触发那个类加载器进行类加载行为?
- WCF实现进程间管道通信Demo