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;}
原文：http://www.cnblogs.com/yaomengli/p/7592662.html