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 { ... }

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

Answer 2

请添加以下样式

.social-icons i:last-child{
  margin-right: 0px;
}

如何删除最后一个<i>的右边距？

2 个答案: