gpt4 book ai didi

html - 第 5 个和第 6 个 div 标签不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 11:47:58 25 4
gpt4 key购买 nike

这是我设计的网站,最后两个标签实际上没有经过我尝试了一切,但我迷路了,我需要帮助。在这最后两个表现不佳。我无法准确理解问题。

<HTML>

<head>
<title>
ggwa
</title>
<style>
div header {
width: auto;
height: 48px;
}
div img {
display: block;
width: 100%;
}
div li {
height: 30px;
background: #FF5000;
}
div ul {
margin: 0;
padding: 0;
}
div nav ul li {
list-style: none;
}
div.nav ul li a {
text-decoration: none;
float: left;
display: block;
padding: 10px 20px;
color: black;
}
div.nav ul li a:hover {
color: white;
}
</style>
</head>

<body>
<div class="header">
<img src="../Images/Header1.png" alt="Smiley face">
</div>
<div class="nav">
<ul>
<li><a href="#"> Home</a>
</li>
<li><a href="#"> LLPs</a>
</li>
<li><a href="#"> IP?</a>
</li>
<li><a href="#"> Blank</a>
</li>
<li><a href="#"> GabeN</a>
</li>
</ul>
</div>
</body>

</html>

最佳答案

应该是

div.nav ul li a:hover {
color: white;
}

简单的

.nav ul li a:hover {
color: white;
}

https://jsfiddle.net/michaelyuen/bfa0u7gb/12/

要在您的 css 上声明一个类,请使用 .classname 示例 div.header 或 .header

要在您的 css 上声明一个 id,请使用 #idname example div#header 或 #header

所以你的样式表应该是

.header {
width: auto;
height: 48px;
}
.header img {
display: block;
width: 100%;
}
.nav ul {
margin: 0;
padding: 0;
}
.nav ul li {
height: 30px;
background: #FF5000;
list-style: none;
float: left;
padding: 10px 20px;
}
.nav ul li a {
text-decoration: none;
display: block;

color: black;
}
.nav ul li a:hover {
color: white;
}

关于html - 第 5 个和第 6 个 div 标签不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30826266/

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