第一个“|”删不了?

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

qq_流年陪你细嗅蔷薇_0

2017-04-14 15:16

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

写回答 关注

1回答

  • 天霸动霸Tua_1992
    2017-04-14 15:57:31

    .nav li:first-child:before{

       background:none;

    }

    .nav a,

    .nav a:hover{

     color:#fff;

     text-decoration: none;

    }


    天霸动霸Tu...

    少写一个child

    2017-04-14 15:58:26

    共 1 条回复 >

十天精通CSS3

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

242556 学习 · 2623 问题

查看课程

相似问题