在Sass中选择添加的类名

Question

我正在使用js为div添加'down'类名。

Sass是否有可能在设置div

的同时击中'down'类

    <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，正是你想要的。