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

时间:2019-05-28 16:11:11   收藏:0   阅读:2042

举个例子,有个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
            }
            
        }

以上。

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

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!