Qual è il modo corretto per specificare uno stato di hover/focus/visitato su un collegamento che ha una classe?Modo corretto di fare Hover/Focus/Visitato sui collegamenti con una classe?
a:focus.class{}
o
a.class:focus{}
Entrambi sembrano funzionare, chiedevo solo che è considerato il modo giusto .
Entrambi sono corretti poiché la pseudo-classe può apparire ovunque.
pseudo-classi sono ammesse in qualsiasi parte selettori mentre pseudo-elementi possono essere aggiunti solo dopo l'ultima selettore semplice del selettore.
Personalmente preferisco il secondo sebbene, per la leggibilità principalmente, quello e possa cambiare man mano, ad es. :hover, quindi preferisco avere tutto lo statico quindi dinamico, non un mix ... ha solo più senso, immagino.
L'unico esempio di questo sono riuscito a trovare nella spec è stato questo:
a.external:visited { color: blue }
come Nick, preferisco in questo modo.
Penso che per la leggibilità userei il secondo. Dichiarare la pseudo classe per primo potrebbe essere facilmente mancato durante la manutenzione.
Entrambi sono fine a seconda della CSS2.1 spec:
Un selettore semplice è o un selettore di tipo o selettore universale immediatamente seguita da zero o più selettori di attributo, selettori di ID, o pseudo-classi, in qualsiasi ordine.
Uno pseudo-elemento (: dopo: prima) è consentito solo alla fine però,
pseudo-classi sono ammesse in qualsiasi parte selettori mentre pseudo-elementi possono essere aggiunti solo dopo l'ultima semplice selettore del selettore.
Personalmente manterrò anche le pseudo-classi alla fine, perché penso che migliori la leggibilità.
ho personnaly utilizzare il secondo, ecco come ho vista questo:
Devi pensare che con la semantica, si direbbe
"Quando < a> di classe < classe> innescare la Evento < hover> Voglio che lo < accada."
non questo:
" Quando < a> evento di trigger < hover> controllare se è di classe < classe> poi fare < che>"