将一个属性分配给类的子级

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和标题等。如何为padding-right: 10px的所有child分配一个属性，例如entry？< / p>

Answer 1

*标志意味着一切。 >表示直接子女。例如：

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

会为每个直接孩子分配财产。

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

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

您可以使用div而不是*

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

将分配给所有直接<div>个孩子。

Answer 2

对于具有班级entry的div的直接子项，您可以使用CSS组合器

CSS combinators

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

对于具有类entry

的div下的所有div（甚至嵌套）

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