CSS ::prima del selettore
Esempio
Inserisci del testo prima del contenuto di ogni elemento <p>:
p::before
{
content: "Read this: ";
}
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
Il ::before
selettore inserisce qualcosa prima del contenuto di ogni elemento selezionato.
Utilizzare la proprietà del contenuto per specificare il contenuto da inserire.
Utilizzare il selettore ::after per inserire qualcosa dopo il contenuto.
Versione: | CSS2 |
---|
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente il selettore.
Selector | |||||
---|---|---|---|---|---|
::before | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
Sintassi CSS
::before {
css declarations;
}
Altri esempi
Esempio
Inserisci il contenuto prima di ogni <p> contenuto dell'elemento e applica uno stile al contenuto inserito:
p::before
{
content: "Read this -";
background-color: yellow;
color: red;
font-weight: bold;
}
Pagine correlate
Tutorial CSS: CSS Pseudo-elementi
Riferimento al selettore CSS: CSS ::dopo il selettore