Mimozami jesień się zaczyna, Złotawa, krucha i miła. To ty, to ty jesteś ta dziewczyna, Która do mnie na ulicę wychodziła. Przedstawiono efekt formatowania CSS oraz kod HTML. Jak należy zdefiniować styl, aby osiągnąć takie formatowanie?

Zadanie 9 z arkusza E.14, czerwiec 2018

CSS Poziom: średnie

Przedstawiono efekt formatowania CSS oraz kod HTML. Jak należy zdefiniować styl, aby osiągnąć takie formatowanie?

<p>
    Mimozami jesień się zaczyna,<br />
    Złotawa, krucha i miła.<br />
    To ty, to ty jesteś ta dziewczyna,<br />
    Która do mnie na ulicę wychodziła.
</p>

Ilustracja do zadania 9 z arkusza E.14, czerwiec 2018

Wybierz odpowiedź A .first-line { font-size: 200%; color: brown; } B #first-line { font-size: 200%; color: brown; } C p::first-line { font-size: 200%; color: brown; } D p.first-line { font-size: 200%; color: brown; }

Cały arkusz E.14, czerwiec 2018

Pokaż odpowiedź i wyjaśnienie

Poprawna odpowiedź: C

p::first-line { font-size: 200%; color: brown; }

Dlaczego

Pseudoelement ::first-line formatuje tylko pierwszą linię tekstu akapitu, tu powiększa ją do 200% i koloruje na brązowo. Zapisy .first-line, #first-line i p.first-line to zwykłe klasy lub id.