将一个属性分配给某个类的子节点

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 S和头条新闻等我如何分配一个属性，例如padding-right: 10px所有child S的entry？

Answer 1

*符号意味着一切。 >是指直接的孩子。例如：

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

会将属性分配给每个直接的孩子。

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

将分配属性给它里面的所有东西。

可以使用div而不是*

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

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

Answer 2

对于具有类entry格直接孩子，你可以使用CSS组合子

CSS combinators

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

对于所有具有的div（甚至嵌套）下的div类entry

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