伪类

1、使用伪类制作导航菜单分割线

/*使用伪元素制作导航列表项分隔线*/
.nav li:before {
    content:'';
    background-color:#000;
    width:1px;
    height:20px;
    position:absolute; //父元素
    left:-1px;
    top:15px;
    background-image:linear-gradient(to top,#f65f57,#993333,#f65f57); //渐变
}
/*删除第一项导航分隔线*/
.nav li:first-child::before {
    display:none;
}