为什么是在home的后面实现导航线-慕课网

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

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

慕用3285105

2018-07-16 11:35

    .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后面的那一个删去

写回答关注

2回答

秋山在此: 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;
}

0 0

月浩

2018-07-17 15:07:06

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

0 0

十天精通CSS3

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

243145 学习 · 2677 问题

查看课程

相似问题

为什么最后一项导航分割线删除不了呢

回答 4

导航分隔线

回答 3

制作导航分割线

回答 1

制作导航分隔线

回答 1

为什么有三个home，后两个我能理解，分别是正面和底面，第一个home是干嘛的？

回答 3

打开慕课网App查看更多内容