Pseudoelementy jak sama mazwa mówi są to nieistniejące fizycznie elementy tekstu objęte znacznikami, które możemy indywidualnie formatować (w obrębie znacznika).
Tak jak w pseudoklasach używamy do ich określenia znaku dwukropka. Poniższe tabele zobrazują nam znaczenie pseudoelementów i ich atrybutów.
first-line | formatuje pierwszą linię bloku |
first-letter | formatuje pierwszą literę bloku |
before | automatycznie dodaje podaną treść przed danym elementem |
after | automatycznie dodaje podaną treść po danym elemencie |
Przykłady (efekt - kod w head - kod w body).
Pseudoelementy są to nieistniejące ... |
p:first-letter {font-size:x-large;
color:blue;} |
<p>Pseudoelementy są to nieistniejące...</p> |
Na końcu zostanie automatycznie dodane
moje nazwisko
|
div.spec:after {content:"Andrzej Sperczyński";color:orange;} |
<div class="spec"> Na końcu zostanie automatycznie dodane
moje nazwisko </div> |
do góry menu powrót naprzód
|