Quando utilizzare gli pseudo-elementi CSS? [chiuso]

0

::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?

    
posta overexchange 08.10.2015 - 13:39
fonte

1 risposta

3

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.

    
risposta data 08.10.2015 - 14:41
fonte

Leggi altre domande sui tag