Hola a todos, yo tengo el siguiente codigo:
Código HTML:
<div id="listamenu">
<ul>
<li><a href="#"><samp class="textomenu">Lenguajes</samp></a> </li> <!-- este esc el que quiero cambiar el color de fondo -->
<li><a href="#"><samp class="textomenu">PHP </samp></a> </li>
<li><a href="#"><samp class="textomenu">CSS </samp></a> </li>
<li><a href="#"><samp class="textomenu">Utilidades </samp></a> </li>
<li><a href="#"><samp class="textomenu"> hola </samp></a></li>
</ul>
</div>
CSS:
Código:
#listamenu li {
list-style:none;
margin:0px;
padding:0px;
border-bottom: 1px solid #333;}
#listamenu li a {
display:block;
width:100%;
padding: 3px 0px;
color:#000;
background-color:#DBEBF6;
text-decoration:none;}
#listamenu li a:hover {
display:block;
width:100%;
padding: 3px 0px;
color:#FFFFFF;
background-color:#356AA0;
text-decoration:none;}
Hasta hay todo bien, pero lo que quiero lograr es que el elemento de la lista "lenguajes" tenga otro color de fondo, ya intente dándole otro id y creando en el css otro color der fondo pero toma las propiedades de #listamenu, como devo hacer?
Muchas gracias.