菜單分隔線不顯示
幫我看下是哪里出錯了
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.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>
<div class="foot">
<div class="nav">
<ul>
<li><a href="">關于昵圖</a></li>
? ?<li><a href="">網站公約</a></li>
? ?<li><a href="">網站聲明</a></li>
? ?<li><a href="">幫助中心</a></li>
? ?<li><a href="">聯系我們</a></li>
? ?<li><a href="">常見問題</a></li>
? ?<li><a href="">網站地圖</a></li>
</ul>
? ?
</div>
</div>
</body>
</html>
2017-03-18
你沒有寫相對定位，.nav li{position:relative;}
2017-03-16
.nav li{? background: linear-gradient(to bottom,#f82f87,#B0363F,#f82f87) no-repeat? right / 1px 15px;}
你試下行不行