[英]Hover in CSS not changing color property
我在处理以下列表时遇到麻烦。 问题是,当我将鼠标悬停在每个元素上时,文本颜色不会改变。
我的CSS代码应该可以更改颜色,但是我不知道为什么不可以。
ul {
padding: 0;
list-style: none;
background: white;
opacity: 0.8;
position: absolute;
top: 18%;
left: 1.6%;
width: 96.5%;
-webkit-box-shadow: 0 0 10px #aeaeae;
-moz-box-shadow: 0 0 10px #aeaeae;
box-shadow: 0 0 10px #aeaeae;
}
li {
display: inline-block;
text-align: center;
width: 16.66685471%;
padding-top: 0.8%;
padding-bottom: 0.8%;
}
li a {
text-decoration: none;
color: black;
}
li:hover {
text-decoration: none;
background-color: #FFD800;
color: white;
display: inline-block;
transition: 0.5s;
}
li a:hover {
text-decoration: none;
background-color: #FFD800;
color: white;
}
玉文件:
ul
li
a(href="/Catalogo") CATÁLOGO
li
a(href="/Noticias") NOTICIAS
li
a(href="/Proyectos") PROYECTOS
li
a(href="/Eventos") EVENTOS
li
a(href="/Acerca") ACERCA DE
li
a(href="/Contacto") CONTACTO
提前致谢。
li:hover a {
text-decoration: none;
background-color: #FFD800;
color: white;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.