删除最后一个li边框

Question

我不是很熟悉css如何从css中的最后一个li元素中删除border-bottom。

ul li{
   border-bottom: 1px solid blue;
}

Answer 1

您可以使用:last-child伪类：

ul li:last-child {
   border-bottom: 0;
}

这仅适用于IE9 +。作为解决方法，您可以为列表项提供顶部边框并覆盖:first-child的值：

ul li {
   border-top: 1px solid blue;
}

ul li:first-child {
   border-top: 0;
}

Answer 2

使用以下代码：

ul li:last-child { border-bottom: none; }

干杯：）

Answer 3

ul li:last-child {
  border-bottom: none;
}  

Answer 4

请通过此链接查看是否可以帮助Remove right border off of the last Child div through CSS

另外

ul li:last-child {
  border-bottom: none;
}

Answer 5

您还可以使用+ Adjacent sibling添加border

ul li+li {
  border-top: 1px solid blue;
}

<ul>
  <li>one</li>
  <li>two</li>
  <li>three</li>
  <li>four</li>
</ul>