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 *

这样的事情：

＆＃13;

.wrapper>* {
  color: red
}

＆＃13;

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

＆＃13;

Answer 2

您可以使用空格来匹配元素的所有后代。

.wrapper * {
  color: black;
}