Durante la vita di un Web Designer o di un Visual Designer, l’incontro con i fogli di style CSS è pressoché inevitabile. Ogni web designer che si rispetti ha imparato dalle basi dei CSS fino ad espandersi e diventare un vero esperto. L’utilizzo dei CSS spesso viene, pensato come: “utilizzo i CSS per creare siti che non usufruiscono di una architettura tabellare, poiche quest’ultima appesantisce la pagina..“. I CSS, invece, sono qualcosa di davvero potente!

Forse non tutti sanno che le pseudoclassi :link, :visited, :hover, :focus e :active, nel 90% dei casi utilizzate per la gestione del link e dei suoi eventi possono anche essere collegate fra loro.

Infatti, si possono collegare le pseudoclassi, facendo in modo che i link abbiano un colore diverso per lo stato :hover (e quindi quando gli passiamo il puntatore del mouse sopra) a seconda che il link in questione sia stato già visitato o meno.

a:link{color:#000000;}
a:visited{color:#ff00ff;}
a:link:hover{color:#ff0000;}
a:visited:hover{color:#0000ff;}

La cosa fenomenale di questa tecnica avanzata CSS è che non occorre preoccuparsi dell’ordine delle regole, poiché funzioneranno a prescidere grazie alle diverse destinazioni e specificità.

Come al solito però c’è un però. C’è sempre un guastafeste: Internet Explorer 6. Il maledetto browser Microsoft, infatti, potrebbe creare qualche problema  (uff…..che novità…) poiché legge le ultime due righe come a:hover.