CSS ::after Selektor
Beispiel
Fügen Sie nach dem Inhalt jedes <p>-Elements Text ein:
p::after
{
content: " - Remember this";
}
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Der ::after
Selektor fügt etwas nach dem Inhalt jedes ausgewählten Elements ein.
Verwenden Sie die Inhaltseigenschaft , um den einzufügenden Inhalt anzugeben.
Verwenden Sie den Selektor ::before , um etwas vor 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 | |||||
---|---|---|---|---|---|
::after | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
CSS-Syntax
::after {
css declarations;
}
Mehr Beispiele
Beispiel
Fügen Sie nach jedem <p>-Element Inhalt ein und formatieren Sie den eingefügten Inhalt:
p::after
{
content: " - Remember this";
background-color: yellow;
color: red;
font-weight: bold;
}
Verwandte Seiten
CSS-Tutorial: CSS-Pseudo-Elemente
CSS-Selektor-Referenz: CSS ::before selector