gpt4 book ai didi

css - 为什么即使我使用 CSS 更改页 footer 分中的链接仍保持紫色和下划线

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

我在这上面花了几个小时,但即使我第一次在我的代码中使用它们时就能够操纵链接,但无论我做什么,页脚上的链接似乎都不会改变。 .

任何建议/提示/解决方案将不胜感激......

这是我的代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML     4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>usaelectricalsystemshome</title>
<style type="text/css" media="screen, print, projection">
body{
background: black;
}
#wrap {
width:1000px;
margin:0 auto;
background: blue;
}
#alldivs{
}
#header{
background: blue;
}
#nav{
background: yellow;
padding: 0px;
margin: 0px;
background:blue repeat-x;
width:100%;
float:left;
border: 1px solid #42432d;
border-width:1px 0;
}
#nav li{
display: inline;
padding: 0px;
margin: 0px;
}
#nav a:link,
#nav a:visited {
color:#000;
background:#FFFFF0;
float:center;
width:auto;
border-right:1px solid #42432d;
text-decoration:none;
font:bold 1em/1em Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#nav a:hover,
#nav a:focus {
color:#fff;
background:blue;
}
#main{
background: white;
float: left;
width: 800px
}
#sidebar{
background: gray;
float: right;
width: 200px;
}
#footer{
background: blue;
clear: both;
}
#footernav a:link{
color:gray;
text-decoration: none;
}
#footernav li{
display: inline;
color: gray;
text-decoration: none;
}

</style>
</head>



<body>
<br>
<div id="alldivs">
<div id ="wrap">
<div id="header"><p>This is the header, put something here!!</br>safsdf</p></div>
<ul id="nav">
<li id="home"><a href="link">HOME</a></li>
<li id="services"><a href="link">SERVICES</a></li>
<li id="contact"><a href="link">CONTACT</a></li>
</ul>
<div id="main"><p>
MAIN CONTENT
</p></div>
<div id="sidebar">sidebar space</div>
<div id="footer">
<p>
this is the footer
</p>
<ul id="footernav">
<li id="footerhome"><a href="link">HOME</a></li>
<li id="footerservices"><a href="link">SERVICES</a></li>
<li id="footercontact"><a href="link">CONTACT</a></li>
</ul>
</div>
</div>
</div>



</body>
</html>

最佳答案

你需要:

#footernav a:link, #footernav a:visited {

请记住,链接要么:link,要么:visited,绝不能两者兼而有之。

关于css - 为什么即使我使用 CSS 更改页 footer 分中的链接仍保持紫色和下划线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6473644/

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