Pseudoelement CSS ::after dodaje za wybranym elementem wirtualny element śródliniowy, którego treścią jest wartość własności content
. Element dodany przez pseudoelement ::after
jest ostatnim dzieckiem wybranego elementu.
Pseudoelement ten ma różne zastosowania. Jedno z nich, dodawanie znaków cudzysłowu do elementu blockquote
, zostało przedstawione w opisie pseudoelementu ::before. Innym może być tworzenie chmurek z dodatkowymi objaśnieniami pojawiających się po najechaniu kursorem na wybrany element.
Jeszcze innym zastosowaniem pseudoelementu ::after
jest dodanie specjalnej ikony do odnośników prowadzących do stron zewnętrznych, aby wyróżnić je wizualnie. Ten sposób jego użycia jest dokładnie opisany w Kursie HTML i CSS w podrozdziale Linki wychodzące.
Przykład użycia ::after
W poniższym przykładzie na końcu każdego akapitu zostanie dodany symbol ¶.
Efekt:
Składnia ::after
Składnia pseudoelementu ::after
: