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