Ver Mensaje Individual
  #3 (permalink)  
Antiguo 02/09/2009, 12:13
Avatar de cristian_cena
cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 5 meses
Puntos: 269
Respuesta: ¿2 efectos diferentes para a:hover?

Hola Lorelopez

cito:"Si tengo mas de una lista" te refieres a mas de una <ul> no? si es asi entonces lo resuelves con dos clases

<style>
.lista1 a:hover{
background-color: green;
border-color: #000;
border-bottom: solid 1px #6CC;
font-weight: bold;
}

.lista2 a:hover{
background-color: #FF0000;
color:#FFFFFF;
padding:5px;
border-bottom: solid 1px #6CC;
font-weight: bold;
list-style:none;
text-decoration:none;
}
</style>


si por ejemplo tienes en body ...

lista numero 1:

<ul class="lista1">
<li><a href="#">item 1a</a></li>
<li><a href="#">item 1b</a></li>
<li><a href="#">item 1c</a></li>
</ul>

lista numero 2:

<ul class="lista2">
<li><a href="#">item 2a</a></li>
<li><a href="#">item 2b</a></li>
<li><a href="#">item 2c</a></li>
</ul>


Si en cambio te refieres a mas de un <li> aplicas las clases a <li> (o tambén a <a> como quieras) por ejemplo:

<ul>
<li class="clase_para_li"><a href="#">item 2a</a></li>
<li><a href="#" class="clase_para_a">item 2b</a></li>
<li><a href="#">item 2c</a></li>
</ul>


Cualquier cosa postea el código como indica alexk

Saludos!