Css 针对具有第一个孩子的引导行不'；行不通

试图只针对第一行，但我似乎针对所有行。为什么第一个孩子不工作？这是我的密码：

<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{
填充顶部：42px；
位置：相对位置；
}

---

它应该可以工作。

使用下面的css选择器，它应该影响所有行

.f1.container.row{
填充顶部：42px；
位置：相对位置；
}

---

它应该可以工作。

伪选择器

：first child

针对与选择器匹配的每个对象的第一个子对象：

.f1.container.row

。由于您有两个容器实例，每个实例都有一行作为子对象，因此选择器将影响每个容器的第一个子对象。如果只想影响第一个容器的行，还需要指定第一个容器。例如：

.f1.container:first child.row

伪选择器

：first child

针对与选择器匹配的每个对象的第一个子对象：

.f1.container.row

。由于您有两个容器实例，每个实例都有一行作为子对象，因此选择器将影响每个容器的第一个子对象。如果只想影响第一个容器的行，还需要指定第一个容器。例如：

.f1.container:first child.row

很抱歉，我没有试图影响所有行，只是第一行.row。按照我现在的方式，它影响了所有的行。对不起，我不是想影响所有的行，只是第一行。按照我现在的方式，它会影响所有行

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