Css 将一个属性指定给类的子级

Css 将一个属性指定给类的子级,css,Css,我有一个名为entry的类,它包含我网站文章的不同部分。如下所示: <div class="entry"> <div id="author-box-single"> <div class="author-box"> <div class="at-img"> </div> </div> </div> <h1></h1> <p></p>

我有一个名为
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
和标题等。如何将一个属性分配给
条目的所有
子项

*
符号表示一切<代码>>
表示直接子女。例如:

.entry > * {
    padding-right: 10px;
}
将属性分配给每个直接子级

.entry  * {
   padding-right: 10px;
}
将属性分配给其中的所有内容

您可以使用div代替
*

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

将分配给所有直接
子项。

对于具有类
条目的div的直接子项,可以使用CSS组合符

对于具有类
entry

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

直接子项还是嵌套子项?@RahulArora我想知道这两种方法,但我也需要嵌套子项。但我也必须添加
.entry>p
,因为它没有作用于
p
@ata。你写了什么?当您使用
.entry>*
编写时,它没有作用于
p
,我编写了
.entry*
这是因为css属性的特殊性。你可以用谷歌搜索,或者这个链接可以帮你。
div.entry div{
    padding-right: 10px;
}