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

Question

我正在使用 js 向 div 添加一个“向下”类名。

在 Sass 中是否可以在设置 div 样式的同时点击“向下”类

    <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

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

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

&.down {}

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

.insight.down

哪些是有效的 CSS，正是您想要的。