CSS ::před Selectorem
Příklad
Vložte nějaký text před obsah každého prvku <p>:
p::before
{
content: "Read this: ";
}
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
::before
Selektor vloží něco před obsah každého vybraného prvku (prvků) .
Pomocí vlastnosti content určete obsah, který se má vložit.
Pomocí voliče ::after vložíte něco za obsah.
Verze: | CSS2 |
---|
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje selektor.
Selector | |||||
---|---|---|---|---|---|
::before | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
Syntaxe CSS
::before {
css declarations;
}
Další příklady
Příklad
Vložte obsah před obsah každého prvku <p> a upravte styl vloženého obsahu:
p::before
{
content: "Read this -";
background-color: yellow;
color: red;
font-weight: bold;
}
Související stránky
CSS tutoriál: CSS Pseudo-elements
Odkaz na selektor CSS: CSS ::po selektoru