>* 做什么？

Question

我遇到过几次，但我现在不知道 >* 到底是什么？我认为它覆盖了一些东西，但我不确定。

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

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

Answer 1

A > B select 或 select 元素 B 是元素 A 的直接子元素；类似于 A B，它可以是任何后代。 * 是任何元素。因此，.GridWrapper > * 表示 "all direct children of elements classed GridWrapper".

更多关于 MDN。

Answer 2

它只是意味着 select 直接在 class GridWrapper 下的元素有一个 font-size of 14px.