a:hover stili diversi

[deleted_20210415]

Quindi vorresti una cosa del genere...

http://jsfiddle.net/m4qSr/

[skinplast]

Quindi vorresti una cosa del genere...

http://jsfiddle.net/m4qSr/

Si, l'effetto è quello. Solo il background viene applicato, mentre il colore del carattere rimane invariato, nonostante in /*Navigation siano impostati entrambi i parametri:

#branding #mainnav ul li a:hover {
background:#efdfca;
color: #999;
text-decoration: none;
}

Anche togliendo il parametro !important la stringa color:#999; viene ingorata dal codice...

!important è stato rimosso da qui, per testarne l'efficiacia:

/* Links
--------------------------------------------- */
a {
color: #009BC2;
text-decoration: none;
}
a:hover {
color: #945320!important;
text-decoration: underline;
}

C'è qualcosa che mi sfugge... Forse dovrei aggiungere altre stringhe di codice... Scusatemi per la richiesta di aiuto e per come mi esprimo, sono un neofita... questo credo l'avrete capito

[skinplast]

...Se lascio invariato il codice, con !important il colore #945320 viene applicato, ma a qualsiasi link presente nella pagina, mentre vorrei utilizzare un colore diverso nella classe "Navigations", che possiede già la stringa color: #999; ma che viene ignorata...

[deleted_20210415]

#branding #mainnav ul li a:hover {
background:#efdfca;!important
color: #999;
text-decoration: none;
}


​prova così

[skinplast]

#branding #mainnav ul li a:hover {
background:#efdfca;!important
color: #999;
text-decoration: none;
}


​prova così

Grazie INFINITE ShyMurder!!!!!!!
Funziona, ma così:

#branding #mainnav ul li a:hover {
background:#efdfca;
color: #999 !important;
text-decoration: none;
}

Non avevo pensato di aggiungere !important anche alla sub-classe "navigations"

Invece qui:

/* Links
--------------------------------------------- */
a {
color: #009BC2;
text-decoration: none;
}
a:hover {
color: #efdfca !important;
text-decoration: underline;
}

Ho reinserito !important come era in origine e funziona tutto, con due colori hover distinti; uno per il testo pagina ed uno per il testo del menù.

Posso quindi lasciare tranquillamente entrambi?! W3C potrebbe dare notifiche o errori durante la convalida? Verificarlo personalmente non posso, in quanto è in modalità bozza in localhost...

[deleted_20210415]

Si scusami, ho messo l'important dopo il ; , perdonami.
Comunque sì, credo sia validato, non ci dovrebbero essere problemi

[skinplast]

Si scusami, ho messo l'important dopo il ; , perdonami.
Comunque sì, credo sia validato, non ci dovrebbero essere problemi

Nulla da perdonare, tanto da ringraziare :-)
se non mi avessi suggerito l'aggiunta !important sull'altra riga non ci sarei arrivato da solo.
Ora ho finalmente messo online il progetto con il tema responsive, giusto per rendere l'idea puoi veder il risultato qui: http://salutidavicenza.it
già validato con W3C e trova solo un errore su di un h3, niente di.. patologico :-)
Grazie ancora,
buona continuazione
ciao
Stefano