我是 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/