是否以scss中元素的所有直接子元素为目标？

我有这个css，但我不知道它是什么意思

.container {
  & * > .content {
   color: red;
  }

我知道如果我有这个

.container {
  &.content {
   color: red;
  }

它将影响具有

class='container content'

我还知道，

*

以所有元素为目标，

以直接儿童为目标

---

因此，这意味着

color:red

将应用于所有

.content

的直接子元素

.container

？

&*>。content
这将选择具有
.content
类的所有元素，这些元素是
container
的子元素的直接子元素

对于您的情况，请使用此选择器：
&>.content

汇编至：

.container * > .content

或：

属于类
内容
成员的任何元素，以及属于类
容器
元素后代的任何元素的子元素

换句话说：
.content
是
.container
的后代，而不是
.container
的子代


.container*>.content{
颜色：蓝色；
}

不匹配，因为*与.container和.content之间的元素不匹配
匹配，因为*不匹配.container和.content之间的元素
不匹配，因为这不是.content

.container * > .content