ボトムパッディングはラストチャイルドには適用されません

Question

ブートストラップ1のように自分のためにジャンボトロンを作成したいと思います。私は最後の子への最初の子供&下パディングにトップパディングを適用したいその後

<div class="jumbotron"> 
    <div class="title">Rojbas Framework !</div> 
    <div>This Roj Framework !</div> 
    <div> 
     <button type="button" class="btn btn-primary">More Info</button> 
    </div> 
</div> 

：私は、HTMLコードを書きました。

.jumbotron:last-child { 
    padding-bottom: 40px;} 

Answer 1

この構造では最後のdiv要素にパディングを適用するには：これはコードです ...最初の子は動作しますが、最後の子にはありません。

.jumbotron :last-child { 
    padding-bottom: 40px;} 

は、パディングを適用すると、両方のdivの最後と任意の最後の子.jumbotron要素内しかし深い：

<div class="jumbotron"> 
    <div class="title">Rojbas Framework !</div> 
    <div>This Roj Framework !</div> 
    <div> 
     <button type="button" class="btn btn-primary">More Info</button> 
    </div> 
</div> 

セレクタは

.jumbotron >:last-child { 
    padding-bottom: 40px;} 

注意する必要があります。