在Sass中选择添加的类名[重复]

Question

这个问题已经在这里有了答案 ：

4年前关闭。

使用SASS连接嵌套类[重复] （1个答案）

我正在使用js向div添加一个'down'类名。

在设置div样式时，Sass是否有可能达到“低级”水平

    <div class="insight">
    </div> 

    //add down class with js when clicked
    <div class="insight down">
    </div> 


    .insight{
        background: gray;
        height: 100px;
        width: 100px;

        &:down{
            background: red;
        }
    }

Answer 1

正如评论中指出的那样，您使用了错误的选择器。 在CSS中:是一个伪元素选择器，例如span:hover ， a:clicked等。

您想要一个具有两个共享类的元素，所以. 很好：

&.down {}

会完全满足您的需求。 如您所知&在SASS中是当前作用域元素，因此它将编译为

.insight.down

这是有效的CSS，正是您想要的。