Html Sass-目标ID限制某些样式（如果它有匹配的类），然后添加由类设置的其他样式 问题:

我需要针对一个具有特定ID的

，该ID将在每页中显示一次。但每个都有一个独特的类。如果动态添加该类，则该节的某些样式将不适用。试图找出如何使用Sass最佳嵌套样式

代码 演示 这里有一个演示。 因为它有

.soldout

类，所以背景应该是灰色而不是红色

HTML

---

删除&and.soldout之间的空格{

&.soldout {

你拥有它的方式，就是你在寻找。索尔多在特色产品中，因为你有空间

---

您不是在寻找具有.soldout类的#特色产品

请删除&and.soldout之间的空格{

&.soldout {

你拥有它的方式，就是你在寻找。索尔多在特色产品中，因为你有空间

---

您不是在寻找.soldout

类的#特色产品，这是一个很好的观点，注意在

.soldout

中添加样式，但是如果有办法不添加列出的其他不适用的样式，例如nest a

：not（.soldout）

在它上面？没错，但由于您要覆盖这些属性，从技术上讲这是没有必要的，但您希望这样做&:not（.soldout）{//properties go here}好的，注意在

.soldout

中添加样式，但是如果有办法不添加列出的其他不适用的样式，比如nest a

：not（.soldout）

在它上面？没错，但是由于您正在覆盖这些属性，从技术上讲这是不必要的，但是您希望执行&:not（.soldout）{//properties go here}

&.soldout {