html - 如何选择CSS中的所有 child ？

Question

假设我有一个带有 class="wrapper" 的大型 UI 元素的包装器。

HTML 应该是这样的:

<div class="wrapper">
   / a lot of other elements
</div>

现在我需要选择每个元素，然后我这样做:

.wrapper > .first_element_class{}
.wrapper > .second_element_class{}
...

有没有一种方法可以用一行选择所有包装器子项？像这样:

.wrapper{
   .first_class{}
   ...
}

Answer 1

您可以使用 universal selector * 如果您不知道您将拥有哪个元素/类

像这样:

.wrapper>* {
  color: red
}

<div class="wrapper">
  <div class="test">this is red</div>
  <span>this is red</span>
  <section>this is red</section>
</div>