gpt4 book ai didi

html - ul li列表的CSS问题

转载 作者:行者123 更新时间:2023-11-28 04:48:48 25 4
gpt4 key购买 nike

我正在构建 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>

最佳答案

您正在设置 li 元素的样式,而不是 a 元素。

尝试添加这条规则:

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

关于html - ul li列表的CSS问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38296543/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com