first-childでブートストラップ行をターゲティングしても動作しません

Question

最初の.rowをターゲットにしようとしていますが、すべての行をターゲットにしているようです。なぜ、最初の子は働かないのですか？ここに私のコードは次のとおりです。

<footer class="f1"> 
    <div class="container"> 
    <div class="row"> 
     <div class="col-md-5"> 
     <img src="/images/logo_footer.png" alt=""/> 
     </div> 
     <div class="col-md-7"></div> 
    </div> 
    </div> 
    <div class="container"> 
    <div class="row"> 
     <div class="col-md-5"> 
     <img src="/images/logo_footer.png" alt=""/> 
     </div> 
     <div class="col-md-7"> 
     </div> 
    </div> 
    </div> 
</footer> 

CSS

.f1 .container .row:first-child { 
    padding-top:42px; 
    position:relative; 
} 

Answer 1

擬似セレクタ:first-childは、セレクタ：.f1 .container .rowと一致する各オブジェクトの最初の子をターゲットにしています。コンテナのインスタンスが2つあり、それぞれが子として行を持つため、セレクタはそれぞれの最初の子に影響しています。最初のコンテナの行だけが影響を受けるようにするには、最初のコンテナも指定する必要があります。例：.f1 .container:first-child .row

Answer 2

は、それがすべての行に対して影響を与えるべきである以下のCSSセレクタを使用してください。

.f1 .container .row { padding-top:42px; position:relative; }。

これはうまくいくはずです。