选择一个类的所有子元素。 CSS [重复]答案

【问题标题】：Select all child elements of a class. CSS [duplicate]选择一个类的所有子元素。 CSS [重复]
【发布时间】：2016-03-31 08:52:25
【问题描述】：

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

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

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

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

【问题讨论】：

.element-wrapper *
谢谢，不知道
请发布您完成的代码或提供演示。
检查this。
如果有不同的元素.element-wrapper .coin-box, .element-wrapper .platform , .element-wrapper .goomba{/* styles here */}

标签： html css

【解决方案1】：

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

CSS：

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

它将更一致地工作：-

【讨论】：

【解决方案2】：

你可以这样做

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

【讨论】：

【解决方案3】：

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

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

【讨论】：