Css 使用SASS的多个类名选择器

Css 使用SASS的多个类名选择器,css,sass,mixins,Css,Sass,Mixins,我有一个CSS代码,需要转换为SASS,使更多的功能和易于编辑 我需要实现以下目标:我有这个选择器: .responsive .selector, .responsive-no-touch .selector, .responsive-android .selector { property: value; } 如何混入目标.responsive、.responsive no touch和.responsive android,我只需要编写.selector部分 这不起作用: .re

我有一个CSS代码,需要转换为SASS,使更多的功能和易于编辑

我需要实现以下目标:我有这个选择器:

.responsive .selector,
.responsive-no-touch .selector,
.responsive-android .selector {
     property: value;
}
如何混入目标
.responsive
.responsive no touch
.responsive android
,我只需要编写
.selector
部分

这不起作用:

.responsive, 
.responsive-no-touch, 
.responsive-android {
    .selector {
         property: value;
    }
}
我正在使用Liferay,这个平台会自动用SASS编译CSS


谢谢。

您试过下面的方法吗

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

你试过下面的方法吗

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

您的示例,对于此类if标记:

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

您的示例,对于此类if标记:

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

天哪,我想你是对的。我错过了父选择器
&
。对不起,我是新手。“我会尽力告诉你的。”马尔科塞·雷兹古德看一看,部分SASS文档谢谢。我以前读过类似的东西,但是我被绊倒了,我的大脑崩溃了,那是因为我问了这个问题。我会认为这个答案是正确的,因为这不是第一个答案,但有一个解释,你的得票比另一个答案少。你们俩都是声誉不断提高的功臣。天哪,我想你们是对的。我错过了父选择器
&
。对不起,我是新手。“我会尽力告诉你的。”马尔科塞·雷兹古德看一看,部分SASS文档谢谢。我以前读过类似的东西,但是我被绊倒了,我的大脑崩溃了,那是因为我问了这个问题。我会认为这个答案是正确的,因为这不是第一个答案,但有一个解释,你的得票比另一个答案少。你们俩都是声誉不断提高的功臣。天哪,我想你们是对的。我错过了家长选择器&。对不起,我是新手。我会尽力告诉你的。天哪,我认为你是对的。我错过了家长选择器&。对不起,我是新手。我会尽力告诉你的。