ul li的CSS问题列表

Question

I was working on building the UI and I have just got a really weird problem. 我当时正在构建UI，但遇到了一个非常奇怪的问题。

The list never gets color, never removes the underline. 列表永远不会变色，永远不会删除下划线。

 /*############## 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>

Answer 1

You are styling the li elements, but not the a elements. 您正在设置li元素的样式，而不是a元素的样式。

Try to add this rule: 尝试添加以下规则：

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

ul li的CSS问题列表

问题描述

1 个解决方案

解决方案1
6 已采纳 2016-07-10 21:16:53

ul li的CSS问题列表

问题描述

1 个解决方案

解决方案1 6 已采纳 2016-07-10 21:16:53

解决方案1
6 已采纳 2016-07-10 21:16:53