consigli per sezione links - è giusto così?

[theorange]

ciao a tutti

nel mio CSS ho settato così la sezione per i link ipertestuali:

a {
text-decoration: none;
}

a:link {
color: #000000;
}

a:visited {
color: #000000;
}

a:hover {
color: #006666;
}

a:active {
color: #FF6666;
}

a:hover.nohand {
cursor:default;
}

a:hover.submenu {
color: red;
}

nella pagina html, nei link di un submenu vado a scrivere <a class=nohand .... > dove non deve apparire la manina,
e <a class=submenu.... > dove voglio un colore diverso per la situazione "on mouse over"

funziona sia con IE, mozilla 1.4 e firefox.

solo una cosa...
strutturalmente, ho scritto tutto giusto?
grazie mille!

[pierofix]

La sintassi corretta per gli ultimi due selettori- che io sappia - sarebbe la seguente:

a.nohand:hover { 
cursor:default; 
} 
a.submenu:hover { 
color: red; 
}

La sequenza delle pseudo-classi, invece, è corretta (link, visited, hover, active).

[pierofix]

Volendo ottimizzare il codice, potresti scrivere così:

a { text-decoration:none } 
a:link, a:visited { color:#000 }
a:hover { color:#066 } 
a:active { color:#f66 } 
a.nohand:hover { cursor:default } 
a.submenu:hover { color:red }

Cerca, oltretutto, di attribuire agli id e alle classi dei nomi basati sul significato dell'elemento associato, non sul suo aspetto. "nohand", ad esempio, non mi pare molto azzeccato. Interrogati sul reale significato dell'elemento interessato.

[theorange]

o grazie!

a me sembrava azzeccato... eh eh... nohand... niente mano... yo!

sono io che sono un po astruso, perdonatemi!!!

sono i miei primi esperimenti per i css...
evitate questo LINK se non volete star male...

[pierofix]

Originariamente inviato da theorange
a me sembrava azzeccato... eh eh... nohand... niente mano... yo!

Quello che dicevo io, appunto, è che "niente mano" si riferisce ad una caratteristica specifica (e solo in certe condizioni: nella stampa, ad esempio, si perde). Credo sia più appropriato attribuire un nome che più richiama il significato della porzione in esame.

Magari con un esempio mi spiego meglio.

Esempio che trovo "scorretto"
<p class="redbold30px">
   Avviso importantissimo a tutti gli studenti...
</p>

Esempio che invece trovo "accettabile"
<p class="importante">
   Avviso a tutti gli studenti...
</p>

Sono stato più chiaro?

[theorange]

certamente, ma avevo cmq recepito il messaggio!

ora mi studio dei nomi + congeniali.

cmq, grazie alla tua dritta sull'ottimizzazione del codice, sto scoprendo un nuovo mondo...

sto già smanettando su tutti i campi identici del mio css.

grazie!

[pierofix]

Lo studio di questo capitolo della specifica CSS 2.1 credo possa esserti di enorme aiuto:

- http://www.w3.org/TR/CSS21/selector.html

Se hai domande, non esitare.

[theorange]

grazie davvero!

me lo salvo tra i preferiti!