(其实方法还蛮多的,我只是想记录一下多类选择器)
例如:
都有共同样式.name,但是第一个子div多了额外的样式。
代码:
&.coupon{
position: relative;
&:after{
content: "复制";position: absolute;right:15px;top:50%;color: #0e5da7;transform: translateY(-50%);opacity: 0.6;pointer-events: none;
}
.coupon-btn{
position: absolute;left:0;top:0;right:0;bottom: 0;opacity: 0;width: 100%;
}
}
可以在.name下写.coupon形成多类选择器。同时有name和coupon类名其css才有效。