CSS ::na Selector
Voorbeeld
Voeg wat tekst in na de inhoud van elk <p> element:
p::after
{
content: " - Remember this";
}
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De ::after
selector voegt iets in na de inhoud van elk(e) geselecteerde element(en).
Gebruik de eigenschap content om de inhoud op te geven die moet worden ingevoegd.
Gebruik de ::before selector om iets voor de inhoud in te voegen.
Versie: | CSS2 |
---|
Browserondersteuning
De cijfers in de tabel geven de eerste browserversie aan die de selector volledig ondersteunt.
Selector | |||||
---|---|---|---|---|---|
::after | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
CSS-syntaxis
::after {
css declarations;
}
Meer voorbeelden
Voorbeeld
Voeg inhoud in na elk <p>-element en geef de ingevoegde inhoud vorm:
p::after
{
content: " - Remember this";
background-color: yellow;
color: red;
font-weight: bold;
}
Gerelateerde pagina's
CSS-zelfstudie: CSS Pseudo-elementen
CSS Selector Referentie: CSS ::before selector