SASS 的多个类名选择器

Question

我有一个 CSS 代码需要转换为 SASS 以使其更加通用和易于编辑。

我需要实现的是：我有这个选择器：

.responsive .selector,
.responsive-no-touch .selector,
.responsive-android .selector {
     property: value;
}

我怎样才能针对 .responsive、.responsive-no-touch 和 .responsive-android 创建一个 mixin 而我只需要编写 .selector 部分？

这行不通：

.responsive, 
.responsive-no-touch, 
.responsive-android {
    .selector {
         property: value;
    }
}

我正在使用 Liferay，此平台自动编译 CSS 和 SASS。

谢谢。

Answer 1

你试过下面的方法了吗？

.responsive, 
.responsive-no-touch, 
.responsive-android {
    &.selector {
         property: value;
    }
}

Answer 2

你的例子，对于这种 if 标记：

<div class='responsive'>
    <div class='selector'></div>
</div>

但据我了解你有类似的东西：

<div class='responsive selector'>
</div>

这就是为什么你应该使用：

.responsive, 
.responsive-no-touch, 
.responsive-android {
    &.selector {
         property: value;
    }
}

Multiple classname selectors with SASS