gpt4 book ai didi

css - CSS 中的伪类和类

转载 作者:行者123 更新时间:2023-11-28 08:30:27 27 4
gpt4 key购买 nike

我是 CSS 的新手。关于伪类,我做错了什么,因为我的代码不起作用。

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
ul.navigationbar {
list-style-type: none;
margin: 0px;
padding: 0px;
overflow: hidden;
}

li.navigationbar {
float: left;
padding: 10px;
}

a.navigationbar:link, a.navigationbar:visited {
display: block;
width: 120px;
font-weight: bold;
color: #FFFFFF;
background-color: #98bf21;
text-align: center;
padding: 4px;
text-decoration: none;
text-transform: uppercase;
}

a.navigationbar:hover, a.navigationbar:active {
background-color: #7A991A;
}</style>
</head>
<body>
<ul class="navigationbar">
<li class="navigationbar" role="presentation"><a href="#">Inicio</a></li>
<li class="navigationbar" role="presentation"><a href="#">Proveedores</a></li>
<li class="navigationbar" role="presentation"><a href="#">Artículos</a></li>
<li class="navigationbar" role="presentation"><a href="#">Contacto</a></li>
</ul>
</body>
</html>

谁能告诉我我做错了什么?

谢谢。

最佳答案

应该是

 .navigationbar a:link {
/*some styles*/
}

 .navigationbar a:visited {
/*some styles*/
}

因为 a.navigationbar 的子元素

关于css - CSS 中的伪类和类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28290563/

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