css 多个div样式可以用一个类名控制,解决其中一个有额外的属性

(其实方法还蛮多的,我只是想记录一下多类选择器)

例如:

 都有共同样式.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才有效。


版权声明:本文为ys_dd原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。