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

7 min read

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;
}