html - 删除最后一个 li 行边框

Question

我需要删除最后 li 行的边框底部。就像下面的图片示例

提前谢谢你:)

jsfiddle.net/foLacgg3/1

Answer 1

如果你不想重写代码，你可以使用伪元素，并给它你的页面背景(这只会隐藏 ul 中最后一个元素的边框)

ul {
   list-style: none;
   padding-left: 0;
   display: block;
   position: relative;
   overflow: hidden;
}
ul:after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background: #F3F5F6;
  /*(page background)*/
  width: 100%;
}

https://jsfiddle.net/foLacgg3/2/