鼠标悬浮某个元素对其同级之后的元素进行操作

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;}