如何使用CSS将具有相同类的4个div中的特定div作为目标

Question

如何在以下示例中使用CSS定位第4个div（带类.col-sm-3）？

<footer id="footer">
  <div class="container">
    <div class="row">
      <div class="col-sm-3">...</div>
      <div class="col-sm-3">...</div>
      <div class="col-sm-3">...</div>
      <div class="col-sm-3">...</div>
    </div> <!--/.row-->
   </div> <!--/.container-->
  </div> <!--/#footer-->

谢谢！

Answer 1

你可以尝试：

 .col-sm-3:nth-child(4){}

Answer 2

使用

.col-sm-3:last-child {}

或

.col-sm-3:nth-child(4) {}

https://developer.mozilla.org/en-US/docs/Web/CSS/:last-child

https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child