ul li之间加竖线的方法

效果如下：

html：

<div class="h-nav clearfix m-w">
                <ul class="h-n-l fl clearfix">
                    <li class="fl">
                        <a href="">首页</a>
                    </li>
                    <li class="fl">
                        <a href="">华为官网</a>
                    </li>
                    <li class="fl">
                        <a href="">荣耀官网</a>
                    </li>
                    <li class="fl">
                        <a href="">花粉俱乐部</a>
                    </li>
                    <li class="fl">
                        <a href="">帮助中心</a>
                    </li>
                    <li class="fl">
                        <a href="">V码（优购码）</a>
                    </li>
                    <li class="fl">
                        <a href="">企业购</a>
                    </li>
                    <li class="fl">
                        <a href="">Select Region</a>
                    </li>
                    <li class="fl">
                        <a href="">下载App</a>
                    </li>
                    <li class="fl">
                        <a href="">更多精彩</a>
                    </li>
                </ul>
              </div>

css：

.h-nav{
    font-size:12px;
}
.h-nav ul>li{
    position:relative;
    padding-right:8px;
}
.h-nav ul>li+li{
    padding-left:8px;
}
.h-nav ul>li a{
    line-height: 32px;
}
.h-nav ul>li+li::before{
    display: block;
    content:"";
    position:absolute;
    top:10px;
    left:0;
    width:1px;
    height:10px;
    background: #999;
}