html - 如何删除最后一个 的右边距？

Question

我尝试了 :last-child {margin-right: 0;} 但没有成功。

.navigation-menu .social-icons i {
  margin-top: 15px;
  margin-right: 10px;
  color: #FFFFFF;
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.css" rel="stylesheet" >

<div class="social-icons">
  <a href=""><i class="fab fa-facebook-f"></i></a>
  <a href=""><i class="fab fa-twitter"></i></a>
  <a href=""><i class="fab fa-instagram"></i></a>
  <a href=""><i class="fab fa-dribbble"></i></a>
  <a href=""><i class="fab fa-behance"></i></a>
</div>

Answer 1

那个的选择器应该是

.navigation-menu .social-icons a:last-child i { ... }

您正在处理 .social-icons div 中 last a 元素中的 i，所以:last-child 必须附加到 a。