首页 > 其他 > 详细

LESS实战::not与:hover混合使用

时间:2019-05-28 16:11:11      阅读:2042      评论:0      收藏:0      [点我收藏+]

举个例子,有个HTML是这样的。

<div class="item light">A</div>
<div class="item">B</div>
<div class="item">C</div>
<div class="item">D</div>
<div class="item">E</div>

我想让一个hover样式只对 有item类且没有light类的元素执行

less样式可以这么写。

.item{
            
            &.light{
                
            }
            
            &:not(.light):hover{
                color: #FE6225
            }
            
        }

以上。

LESS实战::not与:hover混合使用

原文:https://www.cnblogs.com/foxcharon/p/10937953.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!