02/09/2009, 12:13
|
| 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! |