Question

任何人都可以为我解释，我正在研究css布局。但是对于下面的代码，我卡住了

.container > * {
  padding: 10px;
  flex: 3 100% ;
}

你能解释一下＆＃34;大于号和＆amp;星号＆＃34;在这种情况下？。这是一个原始代码：

Answer 1

British Bulldog Boston Terrier German Shepherd表示所有元素，

而*表示直接孩子。

因此>表示容器类的所有直接子项。

Answer 2

此处>是 CSS选择器，它指示子元素，*表示所有元素

因此，以下示例表示这些样式应适用于所有元素，其中父元素

中有container类

.container > * {
  padding: 10px;
  flex: 3 100% ;
}