具有SASS的多个类名选择器

Question

我有一个需要转换为SASS的CSS代码，以便更灵活，更易于编辑。

我需要实现的目标如下：我有这个选择器：

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

如何制作一个mixin来定位.responsive，.responsive-no-touch和.responsive-android，我只需要编写.selector部分？

这不起作用：

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

我正在使用Liferay，这个平台会自动用SASS编译CSS。

谢谢。

Answer 1

你试过以下吗？

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

Answer 2

你的例子，如果是这样的标记：

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

但据我所知，你有类似的东西：

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

这就是你应该使用的原因：

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