为了账号安全,请及时绑定邮箱和手机立即绑定

大家都被“|” 绕进去了,渐变就应该设置为空,然后通过背景来弄,看我的例子

正在回答

代码语言

38 回答

.nav li:not(:first-child):before{
   content: "";
   position: absolute;
   top:20px;
   left: 0;
   width: 1px;
   height: 10px;
   background-image: linear-gradient(to top, #818181, #525252,#818181);

}  此处我是这么写的,仅供参考

0 回复 有任何疑惑可以回复我~

nice,提供的代码太复杂

0 回复 有任何疑惑可以回复我~

真心不错谢谢

0 回复 有任何疑惑可以回复我~

  /*删除第一项和最后一项导航分隔线*/

.nav li:last-child:after{

             height:0px;

             width:0px;

    }

我刚才也适用了你这个代码,可我这边显示出来的第一项分割线还是没有去掉?求解释!

0 回复 有任何疑惑可以回复我~

最后一个伪元素直接display none

1 回复 有任何疑惑可以回复我~

right:0 是什么意思?有什么作用?



0 回复 有任何疑惑可以回复我~

厉害啊

0 回复 有任何疑惑可以回复我~

赞一个

0 回复 有任何疑惑可以回复我~

请问添加.nav li::after  有什么代码上的意义?

0 回复 有任何疑惑可以回复我~
#1

且行且戨

指在li项的后边添加一项伪元素
2017-04-12 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号