伪元素设置了分割线为什么不起作用

		.nav li:before{		   border:linear-gradient(to bottom,#ccc,#cc1,#ccc) left/1px 15px no-repeat;		}        /*删除第一项和最后一项导航分隔线*/		.nav li:first-child{		   display:none;		}		.nav li:last-child{		   display:none;		}

如代码所示

虾滑咸鱼

2018-06-20

源自：十天精通CSS3 5-5

关注问题我要回答

1558

操作

收起

2 回答

秋山在此
2018-11-13

.nav li::before和.nav li:first-child::before

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

#1

或者 .nav li::after和.nav li:last-child::after

2018-11-13 回复有任何疑惑可以回复我~

qq_夜乡晟_0
2018-06-21

.nav li:after{

content: '';

position: absolute; width: 1px; height: 13px; top: 18px; right: 0;

background-image: linear-gradient(to right, rgba(255,255,255,.5), grey);

}

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

举报

0/150

提交

取消

十天精通CSS3

参与学习 242012 人
解答问题 2623 个

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

本课相似问答

2 回答怎么使用伪元素制作分割线啊，没学过伪元素啊，

2 回答分割线用伪元素做不会觉得太短了吗

2 回答li元素的position为什么要设置成relative，为什么删掉position：relative之后分割线就不显示了

2 回答使用伪元素制作导航列表项分隔线

1 回答什么是伪元素？为什么前面没有讲伪元素？这里却要用伪元素

搜索更多本课相关问答

伪元素设置了分割线为什么不起作用

我要回答关注问题

意见反馈帮助中心 APP下载