首页 > 解决方案 > 选择器右侧的 SASS (SCSS) 加号和 & 语法 ( + & ) 的含义?

问题描述

我正在查看其他人编写的 SCSS,我注意到右侧有一个带有加号和 & 号的选择器。

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

这是做什么的?我尝试编译该项目,但我找不到它编译成的内容。

会是这样吗?

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

标签: csssass

解决方案


&只是选择器的简写(.listing-feature__summary在您的情况下)。

加号表示.listing-feature__summary该类后面的每个类.feature-title都将受到添加的样式的影响。


推荐阅读