Scss如何编写仅匹配同时携带两个指定类名元素的选择器

你写的选择器不生效是因为误用了+相邻兄弟选择器，这个选择器是用来匹配紧跟在指定元素后面的同级元素，没法匹配同一个元素上同时带的多个类名。

正确SCSS写法 #

.container {
  &.greeting {
    color: blue;
  }
}

这段代码编译后会生成标准CSS选择器.container.greeting，只会对同时携带container和greeting两个类名的元素生效，刚好满足你的需求。

补充说明 #

你示例里的元素代码用逗号分隔类名是错误写法，实际开发中多个类名需要用空格分隔：

<div className="container greeting">Hi</div>

内容的提问来源于stack exchange，提问作者CryptoGeek981