第一个“|”删不了？

 .nav li{
    position:relative;
    display:inline-block;
    padding:0 16px;
    font-size: 13px;
    text-shadow:1px 2px 4px rgba(0,0,0,.5);
    list-style: none outside none;
  
  }
  /*使用伪元素制作导航列表项分隔线*/
  .nav li:before{
      content:"";
      position:absolute;
      top:18px;
      left:0;
      width:1px;
      height:15px;
      background:linear-gradient(to bottom,#666,#666) no-repeat;
  }
        /*删除第一项和最后一项导航分隔线*/
  .nav li:first:before{
      background:none;
  }
  .nav a,
  .nav a:hover{
    color:#fff;
    text-decoration: none;
  }