Css hover控制同级元素样式

原创

用户1349575

发布于 2022-01-25 10:26:01

2.3K0

发布于 2022-01-25 10:26:01

1. 父子关系

.a:hover .b{color:red};

2. 同级相邻元素

.a:hover + .b{color:red};

3. 同级不相邻元素

.a:hover ~ .b{color:red};

ps:

1. 同级相邻或者不相邻都可以使用 ~；

2. 这里的同级指b标签必须在a的后面，若是前面，则不起效果，使用js控制。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

登录后参与评论

0 条评论

热度