English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Manuale completo delle scelte CSS
Inserire il contenuto prima di ogni <p>elemento:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Lezioni di base(oldtoolbag.com)</title>
<style>
p:before
{
content:"Leggi questo -";
}
</style>
</head>
<body>
<p>Il mio nome è Loli</p>
<p>Vivo sulla spiaggia</p>
<p><b>Attenzione:</b> :before operante su IE8,DOCTYPE deve essere già dichiarato.</p>
</body>
</html>Prova a vedere ‹/›:before Selettore inserisce il contenuto prima dell'elemento selezionato.
Usarecontent Un attributo per specificare il contenuto da inserire.
I numeri nella tabella rappresentano la prima versione del browser che supporta l'attributo.
| Selettore | |||||
|---|---|---|---|---|---|
| ::before | 4.0 | 9.0 Parziale da 8.0 | 3.5 | 3.1 | 7.0 Parziale da 4.0 |
Attenzione: before in IE8 deve essere dichiarato <!DOCTYPE> 。
Lezioni CSS: Pseudo-elementi CSS
Manuale di riferimento delle scelte CSS: Selettore :after CSS
Il contenuto e lo stile inseriti prima di ogni <p>:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Lezioni di base(oldtoolbag.com)</title>
<style>
p:before
{
content:"Leggi questo -";
background-color:yellow;
color:red;
font-weight:bold;
}
</style
</style>
</head>
<body>
<p>Il mio nome è Loli</p>
<p>Vivo sulla spiaggia</p>
<p><b>Attenzione:</b> :before operante su IE8,DOCTYPE deve essere già dichiarato.</p>
</body>
</html>Prova a vedere ‹/›