Selektor p::after wskazuje pseudoelement ::after dla każdego elementu akapitu <p>. Pseudoelementy ::before i ::after służą do wstawiania tzw. treści generowanej (generated content) w procesie renderowania strony.
W tym kodzie ustawiono właściwość content na wartość tekstową "Read more...". Skutek jest taki, że po treści każdego paragrafu przeglądarka wyświetli dodatkowy napis "Read more...". To zachodzi na poziomie prezentacji (CSS), a nie poprzez edycję źródłowego HTML.
Dlaczego pozostałe odpowiedzi są błędne:
- Stwierdzenie, że tekst jest dodawany jako "ostatnie dziecko" paragrafu, myli pseudoelement z węzłem DOM. Pseudoelement nie jest typowym dzieckiem w strukturze HTML; to element generowany do renderowania.
- Teza o zastępowaniu tekstu paragrafu jest nieprawidłowa, ponieważ CSS nie podmienia istniejącej treści elementu. Właściwość content dotyczy treści pseudoelementu, a nie tekstu samego <p>.
- Opcja mówiąca o dodaniu tekstu "przed" paragrafem dotyczy raczej pseudoelementu ::before, a nie ::after.
Wskazówka egzaminacyjna: zapamiętaj prostą regułę: ::before = przed zawartością elementu, ::after = po zawartości elementu. Jeśli w odpowiedzi pojawiają się sformułowania o modyfikacji DOM lub "zamianie tekstu", to zwykle jest to pułapka.
