css - 将一个属性分配给类的子类

Question

我有一个名为 entry 的类，其中包含我网站的帖子文章的不同部分。如下所示:

<div class="entry">
 <div id="author-box-single">
  <div class="author-box">
   <div class="at-img">
   </div>
  </div>
 </div>

 <h1></h1>
 <p></p>
 <h2></h2>
</div> <!-- End of entry -->

如您所见，它包含许多 div 和标题等。我如何为所有 child 分配一个属性，例如 padding-right: 10px 条目？

Answer 1

*标志意味着一切。 >指的是直系子女。例如:

.entry > * {
    padding-right: 10px;
}

将把属性(property)分配给每个直系 child 。

.entry  * {
   padding-right: 10px;
}

将为其中的所有内容分配属性。

您可以使用 div 代替 *

.entry > div {
 padding-right: 10px;
}

将分配给所有直接<div> children 。