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