选择器右侧的SASS（SCSS）加号和符号语法（+；&；）的含义？

我正在看一个别人写的SCS，我注意到右边有一个带加号和加号的选择器

.listing-feature {
   &__summary {
       .feature-title+& {
          color: #f00;
       }
   }
}

这有什么用？我试着编译这个项目，但找不到它编译成什么

是这样的吗

.feature-title + .listing-feature__summary {
    color: #f00;
}

---

&

只是选择器的简写（

.listing-feature\uu summary

）

---

加号意味着

.listing-feature\uu summary

类之后的每个

.feature title

类都会受到添加的样式的影响。

我找到了一个在线SASS编译器，并插入了此代码并获得了

.feature-title + .listing-feature__summary {
  color: #f00;
}

这最终成为一个同级选择器

---

我认为你对&的解释不正确。如果&在摘要的左边，它将是.listing-feature摘要，正如您所说。

&

是当前选择器，这意味着由于

.feature title+&

的父项是

&

，这将使最低子选择器中的

&

成为

&

，这等于

.listing-feature\uu summary

。因此，在您的例子中，如果类为

.listing-feature\uu summary

的每个元素在HTML中属于

.feature title

的范围，则将对其进行编辑。

+

只是CSS中的常规*相邻兄弟组合符&将替换为您的SCSS块在该点建立的选择器。