选择类的所有子元素。 CSS

Question

有没有办法直接将样式应用于类的所有元素，而不必像这样写：

.element-wrapper .coin-box{
  margin: 10px;
  float: left;
}

.element-wrapper .platform{
 margin: 10px;
 float: left;
}

.element-wrapper .goomba{
  margin: 10px;
  float: left;
}

Answer 1

你可以使用*选择器，例如：

.element-wrapper *{
      margin: 10px;
      float: left;
    }

Answer 2

后代选择器与子选择器非常相似，只是子选择器只选择直接后代;后代选择器在元素层次结构中的任何位置选择匹配元素，而不仅仅是直接后代。让我们更仔细地看看这意味着什么。

CSS：

.element-wrapper >  *
 {
    margin: 10px;
    float: left;
 }

它将更加一致地工作： -

Answer 3

你可以这样做吗

 .element-wrapper .coin-box, .element-wrapper .platform, .element-wrapper .goomba {
  margin: 10px;
  float: left;
}