header html e css fantasmi

Qualche giorno fa geeksquare mi ha dato l’occasione per scoprire un uso dei css che non conoscevo, infatti questa pagina mi ha fatto passare quasi un ora prima di capire come funzionasse ( ma quanto sono ignorante ??? 🙂 )

il “trucco” ( se così possiamo chiamarlo ) è la combinazione dell’utilizzo di un header impostato via codice …

… e del relativo file css ( richiamato dell’header ) nel quale vengono impostate le proprietà della pagina.

Nelle specifiche css le istruzioni “:after” e “:hover” vengono chiamate Pseudo-classi, quella che segue è una brevissima spiegazione.

:after ci consente di inserire del contenuto alla fine di un elemento

:hover si applica ad un elemento metre questo ha il puntatore del mouse vi passa sopra.

Esistono molte altre pseudo-classi ma non tutti browser li renderizzano nello stesso modo.

questo tipo di “magia” per il momento funziona solo con Firefox e Opera 9 e quindi non è utilizzabile per la realizzazione di un sito, ma rimane comunque un interessante spunto per una riflessione sull’uso dei fogli di stile.

Link di riferimento

  1. sitepoint.com
  2. neondragon.net
Maurizio Pelizzone

Maurizio Pelizzone

Sono Maurizio Pelizzone, sviluppatore WordPress da oltre vent'anni e consulente di intelligenza artificiale a Torino, co-fondatore di Mavida. Realizzo plugin e integrazioni su misura per WordPress e WooCommerce, automazioni dei processi con n8n e agenti AI, e tengo corsi e workshop su Claude Code, prompt engineering e vibe coding, in presenza a Torino o da remoto. Sono speaker ai WordCamp e autore della guida gratuita in italiano a Claude Code; se vuoi parlarmi di un progetto puoi prenotare una call conoscitiva.

2 commenti

Lascia una risposta

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *