¿2 efectos diferentes para a:hover?

[Lorelopez]

li a:hover{
background-color: green;
border-color: #000;
border-bottom: solid 1px #6CC;
font-weight: bold;
}


Si tengo mas de una lista, y no quiero que todas tengan en mismo efecto cuando se pasa el raton, ¿como descarto?

He probado a llamar a la lista ul.menusuperior y despues menusuperior.li a:hover mas todo lo de arriba, para que solo aplicase ese efecto a esa lista en concreto, pero no funciona, y si lo dejo asi lo aplica a todos las listas del site...


¿Alguna alternativa?

Un saludo

[alexk]

seguro que no anda?...
ul.mimenu{}
ul.mimenu li{}
ul.mimenu li a{}
ul.mimenu li a:hover{}
no hay mas pega el codigo que dices que te da error... algo debe estar pasando chao!:..

[cristian_cena]

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!

[latindesign]

pues la unica solucion no son clases si el elemento ul esta dentro de un div con id#header podrias usarlo sin clases

y luego si en el div #footer hay otro ul li pues desde del css puedes referenciar a los 2 sin añadir clases si no usando la especificdad en css


#header ul li a{}

#footer ul li a {}

Siempre en cuando estren dentro de un elemento especifico si estan sueltas aun asi puedes aplicar un id al elemento UL y de ahi partir saludos

[Lorelopez]

Jolín, muchísimas gracias ALEXK, es que estaba poniendo menusuperior.li a:hover y no UL.menusuperior li a:hover. ERES UN CRACK!

[Lorelopez]

Y gracias tamb a latindesign y cristian_cena, super helpful!!