ul ul列表的CSS問題

我一直在構建用戶界面，我剛剛得到了一個非常奇怪的問題。ul ul列表的CSS問題

該列表從不變色，永不刪除下劃線。

/*############## 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"> \t 
 
      <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>

來源

2016-07-10 mohamed saed

你的造型元素li，但不是a元素。

嘗試添加此規則：

.navbar ul li a { 
    color: inherit; 
    text-decoration: none; 
}

來源

2016-07-10 21:16:53 1sloc

你'normalize.css'文件後，還加載'style.css'文件。這樣您可以覆蓋規範化文件所做的更改。 – cameck

你的我的英雄隊友謝謝:) –

@mohamedsaed一定要接受答案，如果它有幫助。 –

ul ul列表的CSS問題

回答

相關問題