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

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

以上。

posted on 2019-05-28 15:58  fox_charon  阅读(1775)  评论(0编辑  收藏  举报

导航