当前位置 : 主页 > 网页制作 > css >

CSS-鼠标移入一个标签改变另外一个标签的样式

来源:互联网 收集:自由互联 发布时间:2021-06-13
鼠标移入改变样式,纯用 CSS 写应该要用到伪类 hover 格式为 .ClassA : hover { } 想做一个鼠标移入到一个标签改变另外一个个标签样式的模型 原先想的是: .ClassA : hover .ClassB { } 发

鼠标移入改变样式,纯用CSS写应该要用到伪类hover 格式为

.ClassAhover

 

想做一个鼠标移入到一个标签改变另外一个个标签样式的模型

 

原先想的是:

.ClassAhover  .ClassB

 

发现没有效果,得知这种写法只能作用于鼠标所经过标签的自身或者往下有血缘关系的标签的样式。

继续发掘 hover用法发现

.ClassAhover + .ClassB

这样可以改变拥有兄弟关系的元素样式。

如果既不是父子关系,也不是兄弟关系那么只能用js做了吧(大概)。

网友评论