鼠标悬浮某个元素对其同级之后的元素进行操作
Posted yaomengli
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了鼠标悬浮某个元素对其同级之后的元素进行操作相关的知识,希望对你有一定的参考价值。
b这一类的元素都是a的同级元素并且是a元素之后的就可以a:hover~b{....}
附上我自己的代码:
ul li a img:hover ~h3 {
padding-bottom: 10px;
color: #25AAFF!important;
border-bottom: 2px solid #25AAFF;
}
悬停a1可以改变a2,如下:
.a1:hover ~ .a2{background:#f00;}
以上是关于鼠标悬浮某个元素对其同级之后的元素进行操作的主要内容,如果未能解决你的问题,请参考以下文章