Question

CSS导航列表最右边一个竖线怎么能消除，各种方法都不行！求救！

CSS代码如下.nav li{text-align:center;list-style:none;float: left;border-right: 1px solid #B7D0E4;margin-top: 5px;padding: 15px 50px 15px 50px;height: 10px;}试过加 margin-right：-1px 和另外定义,最后一个li class border-right:none也不行..哀 怎么办。。。。

Answer 1

.nav li{ border-left:1px solid #B7D0E4; }
.nav li:first-child{ border-left:none}

Answer 2

.nav li{text-align:center;list-style:none;float: left;border-left: 1px solid #B7D0E4;margin-top: 5px;padding: 15px 50px 15px 50px;height: 10px;}

.nav li:first-child {border-left: 0;}