Sass 如何在末尾引用父选择器？

我怎样才能扭转这种局面：

.btn-primary {
  .open .dropdown-toggle.btn-primary { ... }
}

进入

---

我在之后一直得到无效的选择器。下拉切换

如果您读取完整错误，它应该说：

“&”只能在复合选择器的开头使用

但是，

.dropdown toggle.btn primary

与

.btn primary.dropdown toggle

相同。因此，将父选择器放在开头：

.btn-primary {
  .open &.dropdown-toggle { color: blue; }
}

从Sass 3.4开始，您可以这样做：

.btn-primary {
  .open .dropdown-toggle#{&} { color: blue; }
}

---

如果您阅读了完整的错误，它应该说：

“&”只能在复合选择器的开头使用

但是，

.dropdown toggle.btn primary

与

.btn primary.dropdown toggle

相同。因此，将父选择器放在开头：

.btn-primary {
  .open &.dropdown-toggle { color: blue; }
}

从Sass 3.4开始，您可以这样做：

.btn-primary {
  .open .dropdown-toggle#{&} { color: blue; }
}

---

无意冒犯，但我不确定您是否了解

&

的用途。。以防万一，我的解释如下：

有时，以默认方式以外的其他方式使用嵌套规则的父选择器非常有用。 例如，当选择器悬停在或上时，您可能希望有特殊的样式 当body元素具有某个类时。在这些情况下，可以使用&字符明确指定父选择器应插入的位置

例如：

p{
    background: red;

    &:hover{
        background: blue;
    }

    &:active {
       background: blue; 
    }
} 

将转换为以下内容：

p {
    background:red;
}

p:hover {
    background:red;
}

p:active {
    background:red;
}

---

无意冒犯，但我不确定您是否了解

&

的用途。。以防万一，我的解释如下：

有时，以默认方式以外的其他方式使用嵌套规则的父选择器非常有用。 例如，当选择器悬停在或上时，您可能希望有特殊的样式 当body元素具有某个类时。在这些情况下，可以使用&字符明确指定父选择器应插入的位置

例如：

p{
    background: red;

    &:hover{
        background: blue;
    }

    &:active {
       background: blue; 
    }
} 

将转换为以下内容：

p {
    background:red;
}

p:hover {
    background:red;
}

p:active {
    background:red;
}

---

您对

。下拉切换&

有何期待？据我所知，正确使用

&

的术语类似于

&：.class\u name

。您希望从

中得到什么？下拉切换&

？据我所知，正确使用

&

的术语类似于

&：.class\u name

。谢谢。我读到了错误。但是没有想到您的解决方案。如果嵌套规则包含类型选择器，并且您希望将其与类连接，那么Sass 3.4添加似乎是唯一的解决方案，因为类型选择器可能只出现在复合选择器的开头，这意味着在3.4之前，嵌套类型选择器根本不可能实现这一点。谢谢。我读到了错误。但是没有想到您的解决方案。如果嵌套规则包含类型选择器，并且您希望将其与类连接，那么Sass 3.4添加似乎是唯一的解决方案，因为类型选择器可能只出现在复合选择器的开头，这意味着在3.4之前，嵌套类型选择器可能根本不可能实现这一点。