css - SASS 的多个类名选择器

Question

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

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

.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;
    }
}