<div class="head2">
         <ul>
             <li class="li1"><a href="#">集团介绍</a></li>
                <li><a href="#">产品中心</a></li>
                <li><a href="#">卧龙市场</a></li>
                <li><a href="#">技术研发</a></li>
                <li><a href="#">国际合作</a></li>
                <li><a href="#">投资者关系</a></li>
                <li><a href="#">新闻资讯</a></li>
                <li><a href="#">人力资源</a></li>
            </ul>
        </div>

-----------以上是HTML-------

-----------以下是CSS---------

.header .head2{width:1000px;height:59px;background:#303030}
.header .head2 ul li{list-style:none;width:119px;height:59px;text-align:center;line-height:59px;float:left}
.header .head2 ul li{border-left:1px solid #4a4a4a}
.header .head2 ul li a{text-decoration:none;color:#fff;font-size:12px}
.header .head2 ul{width:959px;height:59px;margin:0 auto}

我如果把.header .head2 ul li{border-left:1px solid #4a4a4a}改成.header .head2 ul li:not(.li1){border-left:1px solid #4a4a4a}就正常了，怎么回事？

ITPub博客

关于导航栏最后一项会换行

最新文章