Pseudoelementy.


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-lineformatuje pierwszą linię bloku
first-letterformatuje pierwszą literę bloku
beforeautomatycznie dodaje podaną treść przed danym elementem
afterautomatycznie 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