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