CSS :beforeSelektoren
Vollständiges CSS-Selektor-Referenzhandbuch
Beispiel
Inhalt vor jedem <p>-Element einfügen:
p:before
{
content:"Read this: ";
}
{
content:"Read this: ";
}
Selbst ausprobieren »
Definitionen und Erklärungen.
Der :before-Selektor fügt Inhalt vor dem ausgewählten Element ein.
Verwendung descontent-Attributs, um den einzufügenden Inhalt anzugeben.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft unterstützt.
| Selektoren | |||||
|---|---|---|---|---|---|
| ::before | 4.0 | 9.0 Teilweise ab 8.0 |
3.5 | 3.1 | 7.0 Teilweise ab 4.0 |
Hinweis:Damit before in IE8 funktioniert, müssen Sie<!DOCTYPE> deklarieren 。
Ähnliche Artikel
CSS-Tutorial:CSS-Pseudoelemente
CSS-Selektor-Referenzhandbuch:CSS :after-Selektor
Weitere Beispiele
Beispiel
Der Inhalt und die Stile, die vor jedem <p> eingefügt werden:
p:before
{
content:"Lesen Sie dies -";
background-color:yellow;
color:red;
font-weight:bold;
}
{
content:"Lesen Sie dies -";
background-color:yellow;
color:red;
font-weight:bold;
}
Selbst ausprobieren »
Vollständiges CSS-Selektor-Referenzhandbuchandere Erweiterungen