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。由于您有两个容器实例，每个实例都有一行作为子项，因此选择器会影响每个容器的第一个子项。如果只想影响第一个容器的行，则还需要指定第一个容器。例如：.f1 .container:first-child .row

Answer 2

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

{"accounting": false, "accel": 264318}。

它应该有用。

使用第一个孩子定位引导行并不起作用

2 个答案: