Esempio
Inserire un testo prima che il contenuto di ogni <p> elemento:
p::before
{
content: "Read this: ";
}
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e utilizzo
La prima :: selettore inserisce qualcosa prima che il contenuto di ciascun selezionati element(s) .
Utilizzare il contenuto di proprietà per specificare il contenuto da inserire.
Utilizzare il :: dopo selettore di inserire qualcosa dopo che il contenuto.
| Versione: | CSS2 |
|---|
Supporto per il browser
I numeri nella tabella specifica la prima versione del browser che supporta pienamente il selettore.
| Selettore | |||||
|---|---|---|---|---|---|
| ::before | 4.0 | 9.0 Parziale da 8.0 | 3.5 | 3.1 | 7.0 Parziale da 4,0 |
Nota: IE8 e Opera 4-6 supportano solo il vecchio, single-colon sintassi CSS2 (:before) . Le versioni più recenti supportano il doppio del colon sintassi CSS3 standard di (::before) .
Nota: per: prima di lavorare in IE8, un <! DOCTYPE> deve essere dichiarato.
CSS Sintassi
::before {
css declarations ;
}
Altri esempi
Esempio
Inserisci contenuto prima di ogni <p> contenuto di elemento, e lo stile del contenuto inserito:
p::before
{
content: "Read this -";
background-color: yellow;
color: red;
font-weight: bold;
}
Prova tu stesso " Pagine correlate
Tutorial CSS: CSS Gli pseudo-elementi
CSS Selector Riferimento: CSS :: dopo selettore