场景: 写了一个通用块,有禁用样式 和 hover样式
然后 被禁用的时候 希望 hover的样式 可以不生效
解决:.wrap:not(.is-disabled)
.wrap{
&.is-custom {
//一些样式...
&:not(.is-disabled):hover {
display: block;
box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.08);
//...其他hover样式
}
}
}