Hola hace poco hice una barra de navegación, en la parte de arriba que es el menu principal las tras son blancas y al hacer hover cambian a amarillas, pero no puedo hace que el submenu renga las letras negras, gracias.
En el html el ul tiene la clase ""lista"
este es mi css:
Código CSS:
Ver originalheader{
background-color:#C60003;
width:100%;
height:130px;
border-bottom:3px #000 solid;
}
nav{
width:670px;
height:40px;
position:absolute;
margin-top:93px;
margin-left:400px;
}
ul{
list-style:none;
}
.lista li a{
color:#FFFFFF;
text-decoration:none;
padding:10px 20px;
display:block;
font-family:tahoma;
font-weight:bold;
font-size:0.9em;
}
.lista li a:hover{
color:#FEF5C0;
}
.lista > li{
float:left;
}
.lista li ul{
display:none;
position:absolute;
margin-top:0;
min-width:140px;
top:40px;
}
.lista li:hover > ul{
display:block;
color:#000;
background-color:rgba(255,255,255,0.53);
}
.lista li ul li{
position:relative;
}
.lista li ul li ul{
right:-140px;
top:0;
}