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;
}