为什么是在home的后面实现导航线

源自：5-5 CSS3背景制作导航菜单综合练习题

为什么是在home的后面实现导航线

    .nav li:after{
            content:"";
             position:absolute;   /*绝对定位*/
             right:0px;          /*移动*/
             top:20px;            /*移动*/
             height:15px;         /*高*/
             width:2px;           /*宽*/
            background:linear-gradient(to bottom,#f82f87,#B0363F,#f82f87); /*设f分割线背景为渐变色*/
       }
        /*删除第一项和最后一项导航分隔线*/
       .nav li:last-child:after{
            width:0px;
            height:0px;
       }

就算我换成.nav li:before最后还是在home的后面出先导航线，而且把.nav li:first-child:before改成这样也是home后面的那一个删去

提问者：慕用3285105 2018-07-16 11:35

个回答

秋山在此: 2018-11-13 11:24:02

.nav li::before {
    content: '';
    width: 1px;
    height: 20px;
    position: absolute;
    top: 20px;
    left: 0;
    background-image: linear-gradient(to right, #FFFFFF, gray);
}

.nav li:first-child::before {
    content: '';
    background-image: none;
}

月浩

2018-07-17 15:07:06

还是要在后面加的浏览器问题

0