ul li的CSS問題列表
[英]CSS issue with ul li a list
問題描述
我當時正在構建UI，但遇到了一個非常奇怪的問題。
列表永遠不會變色，永遠不會刪除下划線。
/*############## Start Mine Style ##############*/ body{ background-color: #fff; } .contaner{ width: 1170px; margin: auto; } /*############## End Mine Style ##############*/ /*Start Header*/ .header{ background-color: #666; height: 20px; } /*End Header*/ /*Start Navbar*/ .navbar{ background-color: #252f31; padding: 0; color: #fff; } .navbar ul{ list-style: none; overflow: hidden; padding: 0; display: inline-block; color: #fff; text-decoration: none; } .navbar ul li{ float: left; padding: 20px; color: #fff; } /*End navbar*/
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>PsdToHtml-1!</title> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/normalize.css"> </head> <body> <div class="header"> <div class="slider"> Slider </div> </div> <div class="navbar"> <ul> <li><a href="">Raw</a></li> <li><a href="">Raw</a></li> <li><a href="">Raw</a></li> <li><a href="">Raw</a></li> <li><a href="">Raw</a></li> <li><a href="">Raw</a></li> <li><a href="">Raw</a></li> <li><a href="">Raw</a></li> </ul> </div> </body> </html>
1 個解決方案
解決方案1
6 已采納 2016-07-10 21:16:53
您正在設置li元素的樣式，而不是a元素的樣式。
嘗試添加以下規則：
.navbar ul li a {
color: inherit;
text-decoration: none;
}
CSS UL 和 LI 的設計問題
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.