Sass 在SCS中预编父选择器

Sass 在SCS中预编父选择器,sass,Sass,我想通过在SCS中预加父选择器来嵌套选择器 基本选择器是: .selector-class .selector-class__element {} 以下是HTML: <div class="selector-class"> <div class="selector-class__element"></div> </div> B这就是我想这样做的想法:不起作用 有没有比在a中使用该方法更有效的方法?您只需在开始处添加一个额外的“与”: .

我想通过在SCS中预加父选择器来嵌套选择器

基本选择器是:

.selector-class .selector-class__element {}
以下是HTML:

<div class="selector-class">
    <div class="selector-class__element"></div>
</div>
B这就是我想这样做的想法:不起作用


有没有比在a中使用该方法更有效的方法?

您只需在开始处添加一个额外的“与”:

.selector-class {
    & &__element {
      background: red;
    }
}

您只需在开头添加一个额外的“与”:

.selector-class {
    & &__element {
      background: red;
    }
}

你需要试试这个。这只是类和元素的一个示例。你可以试试其中任何一种

.selector-class {
   &.class, &div { background: blue; }
}
编辑 下面是连接字符串的插值方法

.selector-class {
   &#{'__element'} { background: blue; }
}
CSS

更多关于插值的信息


你需要试试这个。这只是类和元素的一个示例。你可以试试其中任何一种

.selector-class {
   &.class, &div { background: blue; }
}
编辑 下面是连接字符串的插值方法

.selector-class {
   &#{'__element'} { background: blue; }
}
CSS

更多关于插值的信息



因此,所需的选择器是.selector class.selector-class\uu元素?确实是-将此添加到问题中。因此,所需的选择器是.selector class.selector-class\uu元素?确实是-将此添加到问题中。这会引发语法错误:语法错误:无效的CSS在\&&\:预期\{\Sass 3.3.8 Maptastic Maplep你也在使用Compass吗?当前的稳定版本0.12与Sass 3.3Oh不兼容,那就是问题所在。我必须在Mavericks上更新到Ruby 2.1才能让Compass 1正常工作。需要一段时间,希望这能解决它。好的,这现在适用于Sass:3.3.8和Compass:1.0.alpha。19这给我带来了一个语法x错误:语法错误:无效CSS在\&&\:预期\{\Sass 3.3.8 Maptastic Mapletic你也在使用Compass吗?当前的稳定版本0.12与Sass 3.3Oh不兼容,那就是问题所在。我必须在Mavericks上更新到Ruby 2.1才能让Compass 1正常工作。需要一段时间,希望这能解决它。好的,这现在适用于Sass:3.3.8和Compass:1.0.alpha.19整个要点是避免再次写出整个&.class。您可以避免&.class并移动到&{uu元素}。这有帮助吗?我不确定您对&{uu元素}的意思我刚刚更新了。这是sass的一种插值方法。它有助于连接字符串。嗯,很有趣,感谢链接。由于某些原因,插值不能与符号选择器一起工作!关键是避免再次写出整个&.类。您可以避免&.类并移动到&{uu元素}。这有帮助吗?我不知道你对我刚更新的&{uu元素}的意思。这是sass的插值方法。它有助于连接字符串。嗯,很有趣,感谢链接。出于某种原因,插值不能与符号选择器一起工作!