將一個屬性分配給某個類的子節點

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