CSS :: voor keurder
Voorbeeld
Voeg 'n bietjie teks voor die inhoud van elke <p>-element in:
p::before
{
content: "Read this: ";
}
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die ::before
keurder voeg iets voor die inhoud van elke geselekteerde element(e) in.
Gebruik die inhoudseienskap om die inhoud te spesifiseer om in te voeg.
Gebruik die ::after -kieser om iets na die inhoud in te voeg.
Weergawe: | CSS2 |
---|
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die kieser ten volle ondersteun.
Selector | |||||
---|---|---|---|---|---|
::before | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
CSS-sintaksis
::before {
css declarations;
}
Meer voorbeelde
Voorbeeld
Voeg inhoud voor elke <p>-element se inhoud in, en styl die ingevoegde inhoud:
p::before
{
content: "Read this -";
background-color: yellow;
color: red;
font-weight: bold;
}
Verwante bladsye
CSS handleiding: CSS Pseudo-elemente
CSS Selector Verwysing: CSS ::na selector