1. 悬浮父元素,改变子元素样式
.parent:hover .children1 {
	//修改子元素样式
	color: red;
}
  1. 点击子元素,改变父元素样式
    focus-within伪类选择器,它表示一个元素获得焦点或该元素的后代元素获得焦点
.parent:focus-within {
	//修改父元素样式
	color: red;
}
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐