当前位置: 首页 > Web前端 > CSS

CSSnotes-hoverchangesthestyleofanotherelement

时间:2023-03-30 16:02:17 CSS

前面写的。最近在做项目的时候遇到一个需求:当鼠标悬停在元素A上时,改变元素B的样式。显然需要用:hover来写,但是应用场景有点讲究,并且它可以分为两种情况。场景一:A元素是B元素的父元素//场景一

A:hoverB{//鼠标经过A元素,B元素的背景会变成黑色background:#000;}场景二:A元素和B元素相邻,A在B旁边,如果B元素在A元素之前,+选择器不能使用//场景2
A:hover+B{//当鼠标经过A元素时,背景B元素的会变成黑色background:#000;}CSSSelectorTable最后这是当前的CSSSelectorTable,对应的版本也有标注。如有帮助,希望大家点个赞,谢谢,如有错误,欢迎指出。逃脱。