码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-09-25 17:30:47      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:over   add   color   style   pre   play   box   section   元素   

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

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

标签:over   add   color   style   pre   play   box   section   元素   

原文地址:http://www.cnblogs.com/yaomengli/p/7592662.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!