English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Manuale completo di riferimento dei selettori CSS
Contenuto inserito dopo ogni elemento <p>:
!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>Guida di Base (oldtoolbag.com)</title>
<style>
p:after
{
content:"- simbolo io";
}
</style>
</head>
<body>
<p>Il mio nome è Lili</p>
<p>Vivo sulla spiaggia</p>
<p><b>Attenzione：</b> :after in IE8 deve dichiarare !DOCTYPE</p>
</body>
</html>Prova a vedere ‹/›Il selettore :after inserisce contenuto dopo l'elemento selezionato.
Usarecontent Attributo per specificare il contenuto da inserire.
I numeri nella tabella rappresentano la versione del browser che supporta l'attributo per la prima volta.
| Selettore | |||||
|---|---|---|---|---|---|
| ::after | 4.0 | 9.0 Parte da 8.0 | 3.5 | 3.1 | 7.0 Parte da 4.0 |
Attenzione： after in IE8 deve dichiarare!DOCTYPE .
Guida CSS Pseudo-elementi CSS
Manuale di riferimento dei selettori CSS Selettore :before CSS
Contenuto e stile inseriti dopo ogni <p>:
!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>Guida di Base (oldtoolbag.com)</title>
<style>
p:after
{
content:"- simbolo";
background-color:yellow;
color:red;
font-weight:bold;
}
</style>
</head>
<body>
<p>Il mio nome è Lili</p>
<p>Vivo sulla spiaggia</p>
<p><b>Attenzione：</b> :after in IE8 deve dichiarare !DOCTYPE</p>
</body>
</html>Prova a vedere ‹/›