菜单分隔线不显示

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

帮我看下是哪里出错了

<!DOCTYPE html>

<html>

<head>

.foot{height: 100px;}

a{color: #0000FF;text-decoration: none;}/*取消a的下划线*/

.nav li{list-style:none;float:left;font-size: 16px;margin: 10px 10px ;}

.nav ul{width: 600px;margin: 0 auto;}/*设置ul块自动居中*/

/*菜单选项间的分隔线为什么不起作用？*/

.nav li:after{content: "";

position: absolute;

right: 0;

top: 10px;

height: 5px;

width: 1px;

background: linear-gradient(to bottom,#f82f87,#B0363F,#f82f87);}

.nav li:last-child:after{width:0px; height:0px;}

</style>

</head>

<body>

<ul>

</ul>

</div>

</body>

</html>

提问者：慕粉0928522411 2017-03-16 12:07