Exemplu
Introduceți un text după conținutul fiecărui <p> Element:
p::after
{
content: " - Remember this";
}
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
:: după selector introduce ceva după conținutul fiecărui selectat element(s) .
Utilizați conținutul de proprietate pentru a specifica conținutul pentru a insera.
Utilizați :: înainte de selectare pentru a introduce ceva înainte de conținut.
Versiune: | CSS2 |
---|
Suport pentru browser-
Numerele din tabel specifică prima versiune de browser care acceptă pe deplin selectorul.
Selector | |||||
---|---|---|---|---|---|
::after | 4 | 9 Parțială de 8,0 | 3.5 | 3.1 | 7 Parțială de 4,0 |
Notă: IE8 și Opera 4-6 numai de sprijin, sintaxa vechi CSS2 cu un singur colon (:after) . Versiunile mai noi sprijini standard, dublu-colon sintaxa CSS3 (::after) .
Notă: Pentru: după de a lucra în IE8, un <! DOCTYPE> trebuie să fie declarate.
CSS Sintaxa
::after {
css declarations ;
}
Mai multe exemple
Exemplu
Inserare conținut după fiecare <p> element și stilul de conținutul inserat:
p::after
{
content: " - Remember this";
background-color: yellow;
color: red;
font-weight: bold;
}
Încearcă - l singur » Pagini similare
Tutorial CSS: Pseudo-elemente CSS
CSS Selector de referință: CSS :: înainte de selectare