::before
e ::after
sono CSS pseudo-elementi che consentono al foglio di stile di specificare il contenuto.
Oltre all'html che di solito specifica il contenuto, quando penso di utilizzare questi pseudo-elementi?
::before
e ::after
sono CSS pseudo-elementi che consentono al foglio di stile di specificare il contenuto.
Oltre all'html che di solito specifica il contenuto, quando penso di utilizzare questi pseudo-elementi?
La popolare soluzione clear-fix utilizza uno pseudo elemento per cancellare i float degli elementi.
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
Inoltre, esistono collegamenti esterni di tipo wikipedia. Uno può mirare automaticamente ai link che puntano ad altri domini, o al target _blank e aggiungere una piccola icona dopo di esso per far sapere all'utente ...
Ci sono una moltitudine di modi ingegnosi per usare questi pseudo elementi. Nella tua vita di tutti i giorni, incontrerai molto raramente la necessità di usare quegli elementi, ma è molto bello sapere che esistono per l'ora esatta in cui ne hai bisogno.
Modifica:
L'ho usato io stesso per nascondere efficacemente il mio indirizzo e-mail su il mio sito web , poiché gli pseudo-elementi non possono essere targetizzati da JS, e non appaiono nella sorgente HTML, ho pensato che sarebbe stato carino assicurarmi che i crawler non ci arrivassero.