Problema con a:hover

[Polley]

Ciao, ho un documento xhtml strict che contiene un div ed al suo interno due paragrafi con dei link.
Per separare i due paragrafi gli ho dato due classi differenti in modo da gestirli diversamente ma con lo stesso id del div contenitore quindi ho

#IDP p.A {etc}
#IDP p.B {etc}

#IDP p.A a {color: #ffffff;}
#IDP p.B a {color: #ffffcc;}

cosi funziona tutto ed il gruppo dei link vengono colorati diversamente però se metto

#IDP a:hover {color: #000000;}

in teoria al passaggio del mouse tutti i link dovrebbero colorarsi di nero, invece no, perchè ?

[Mich_]

Quanto dici e` corretto.

E non e` dato sapere (con i pochi elementi che dai) perche` non funzioni.

Elementi da prendere in considerazione (errori comuni):
- I CSS sono case-sensitive (specie nei selettori)
- l'ordine delle sottoclassi e` significativo (:link :visited :hover :active)
- la cosa potrebbe venir sovrascritta da qualche elemento succesivo

[fcaldera]

prova con

#IDP p.A a:hover {color: #000000;}
#IDP p.B a:hover {color: #000000;}

[mahamatt]

in effetti non capisco, la sintassi mi sembra corretta... prova a dirgli

#IDP p.A a:hover, #IDP p.B a:hover {color: #000000;}

(un consiglio: evita l'uso di maiuscole nei nomi delle classi o degli id)

[Polley]

allora ho fatto un casino di prove anche togliendo tutto il css e lasciando solo questa parte ma niente, dopo numerosi tentativi anche come quello descritto da voi che avevo già provato ho notato una cosa, lasciando tutto intatto come ho fatto nel primo post non và ma se tolgo il color cioè:

#IDP p.A a {color: #ffffff;}

e lo lascio senza

#IDP p.A a {}

anche se all'interno ci sono altri attributi, font-zize, font-family etc
torna a funzionare e mi colora di nero passando sopra il mouse, ho provato anche con un'altro colore e funziona solo che il link rimane viola, da cosa può dipendere ?

[Mich_]

E` sempre un gioco ad indovinare: non avendo il codice che usi non si puo` dire.

Ma mi puzza da errore di sintassi (in qualche altro punto): infatti se togli tutto (il resto), funziona.
Controlla che ci siano tutti gli spazi necessari, che non ci siano gli spazi prima dei duepunti e che non manchi qualche puntoevirgola o qualche cosa altro.

[Polley]

Originariamente inviato da Mich_
Ma mi puzza da errore di sintassi (in qualche altro punto): infatti se togli tutto (il resto), funziona.

no, avevo provato a togliere tutto ma non funzionava, adesso è tutto come prima

l'unica cosa che faccio ora è togliere il colore al link e funziona

invece di cosi:

#IDP p.A a {
font-size: 1em;
font-family: arial;
color: #ffffff;
}

è cosi

#IDP p.A a {
font-size: 1em;
font-family: arial;
}

senza il colore, l'a:hover funziona, rimettendo il colore non funziona ...perchè ?

[Leilond]

Prendi TUTTO il css che non ti funziona e fai copia e incolla... altrimenti non ne usciamo