クラスの子に1つのプロパティを割り当てます。

Question

私のWebサイトの記事のさまざまな部分を含む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および見出しの多くが含まれており、その他どのように私はentryのすべてchild sの例padding-right: 10pxのために、一つの特性を割り当てることができますか？

Answer 1

*記号はすべてを意味します。 >は直接子供を意味します。たとえば、

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

はすべての直接の子供にプロパティを割り当てます。

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

は、その内部のすべてにプロパティを割り当てます。

あなたはすべての直接<div>子供たちに割り当てる代わりに*

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

のdiv要素を使用することができます。 divの持つクラスentryための直接の子のために

Answer 2

、あなたはCSSコンビネータdivの下にあるすべてのdiv（でも、ネストされた）を有するクラスentry

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