什么＆gt; *做什么？

Question

我遇到过好几次，但我现在不知道＆gt; *究竟是什么？我认为它会覆盖一些东西，但我不确定。

.GridWrapper>* {
font-size: 14px
}

@media screen and (min-width:601px) {
.GridWrapper>* {
    font-size: 17px
}
}

Answer 1

A > B选择器将选择元素B作为元素A的直接子元素;类似于A B，它可以是任何后代。 *是任何元素。因此，.GridWrapper > *表示“归类GridWrapper元素的所有直接子女。”

更多关于MDN。

Answer 2

它只是意味着直接在class GridWrapper下选择元素以获得font-size of 14px。