CSS ::vor Selektor
Beispiel
Fügen Sie vor dem Inhalt jedes <p>-Elements Text ein:
p::before
{
content: "Read this: ";
}
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Der ::before
Selektor fügt etwas vor dem Inhalt jedes ausgewählten Elements ein.
Verwenden Sie die Inhaltseigenschaft , um den einzufügenden Inhalt anzugeben.
Verwenden Sie den ::after -Selektor, um etwas nach dem Inhalt einzufügen.
Ausführung: | CSS2 |
---|
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die den Selektor vollständig unterstützt.
Selector | |||||
---|---|---|---|---|---|
::before | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
CSS-Syntax
::before {
css declarations;
}
Mehr Beispiele
Beispiel
Fügen Sie Inhalt vor dem Inhalt jedes <p>-Elements ein und formatieren Sie den eingefügten Inhalt:
p::before
{
content: "Read this -";
background-color: yellow;
color: red;
font-weight: bold;
}
Verwandte Seiten
CSS-Tutorial: CSS-Pseudo-Elemente
CSS-Selektor-Referenz: CSS ::after Selektor