CSS:禁止鼠标点击/hover事件触发改变另一个元素样式

最新推荐文章于 2024-06-07 19:31:00 发布

Aubrey-J

最新推荐文章于 2024-06-07 19:31:00 发布

阅读量2.2k

点赞数

分类专栏：学习笔记文章标签： js css

本文链接：https://blog.csdn.net/qq_33598419/article/details/119610021

版权

学习笔记专栏收录该内容

28 篇文章 5 订阅

订阅专栏

CSS禁止鼠标点击


.layuiDateinput {
	pointer-events: none;
}

CSS:hover事件触发改变另一个元素样式 a b c元素改变的是b，a不变

/* 情景一：两个是兄弟元素 */
.a:hover+.b {
	color: red;
}
/* 情景二：两个是父子元素 */
.a:hover .b {
	color: red;
}
/* 情景二：两个是兄弟元素,改变的是一个兄弟元素c的子元素b */
.a:hover+#c>.b {
	color: red;
}