Hola!
Tengo el siguiente menú:
Cita: .menu { width: 170px;
}
ul a {
text-decoration: none;
color: #991A23;
}
ul {
list-style: none;
width: 170px;
padding: 0;
margin: 5px;
color: #777;
}
li {
position: relative;
margin-bottom:4px;
color: #991A23;
}
li ul {
display: none;
font-size:14px;
color:#999;
}
li>ul {
top: auto;
left: auto;
}
li:hover ul, li.over ul {
display: block;
}
y html:
Cita: <div id="menu">
<ul>
<li><a href="#">Inicio</a>
<ul>
<li><a href="#">Tema1</a></li>
<li><a href="#">Tema2</a></li>
<li><a href="#">Tema3</a></li>
<li><a href="#">Tema4</a></li>
</ul>
</li>
<li><a href="#">Varios</a>
<ul>
<li><a href="#">Tema1</a></li>
</ul>
</li>
<li><a href="#">Varios2</a></li>
<li><a href="#">Varios3</a></li>
<li><a href="#">Varios4</a></li>
<li><a href="#">Varios5</a></li>
</ul>
</div>
El color general, es granate. Como podría hacer, para que los elementos del submenú, al desplegarse(Tema1,Tema2...) estuviesen exclusivamente en gris, y al pasar por encima, en granate?
Un saludo, muchas gracias!