伪类

「已注销」

于 2017-05-19 22:21:09 发布

阅读量478

点赞数

CC 4.0 BY-SA版权

分类专栏： css

本文链接：https://blog.youkuaiyun.com/mpdemp/article/details/72566518

css 专栏收录该内容

31 篇文章

订阅专栏

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;
}