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

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

.ClassAhover

 

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

 

原先想的是:

.ClassAhover  .ClassB

 

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

继续发掘 hover用法发现

.ClassAhover + .ClassB

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

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

 

转载于:https://www.cnblogs.com/hjc-12580/p/11339712.html

你可能感兴趣的:(CSS-鼠标移入一个标签改变另外一个标签的样式)