css - 如何在 SCSS 中获得与类相同的对象？

Question

我有这个代码：

input[type="text"] {
    color: red;
    .blue {
        color: blue;
    }
}

这给了我这个

input[type="text"] {
    color: red
}
input[type="text"] .blue {
    color: blue;
}

我怎样才能得到这样的东西？

input[type="text"] {
    color: red
}
input[type="text"].blue {
    color: blue;
}

Answer 1

您正在寻找父选择器( &)：

input[type="text"] {
    color: red;
    &.blue {
        color: blue;
    }
}