Strona główna › Pytania INF.03 › Pytanie 1233
INF.03 · pytanie #1233
Zaprezentowano rezultat zastosowania CSS oraz odpowiadający mu kod HTML. W jaki sposób trzeba zdefiniować styl, aby uzyskać takie formatowanie?
- Ap.first-letter { font-size: 400%; color: blue; }
- Bp::first-letter { font-size: 400%; color: blue; }
- C.first-letter { font-size: 400%; color: blue; }
- D#first-letter { font-size: 400%; color: blue; }
Poprawna odpowiedź: B. p::first-letter { font-size: 400%; color: blue; }
Kliknij odpowiedź, którą uważasz za poprawną.
Wyjaśnienie
Odpowiedź jest prawidłowa, ponieważ selektor CSS p::first-letter precyzyjnie określa, że stylizacja ma być zastosowana do pierwszej litery każdego akapitu, który jest oznaczony tagiem p. Jest to pseudo-element CSS, który umożliwia dostęp do pierwszej litery bloku tekstu w celu nadania jej unikalnego wyglądu. W tym przypadku zmieniono jej rozmiar na 400% oraz kolor na niebieski. Użycie ::first-letter jest zgodne z najlepszymi praktykami, gdyż pozwala na zachowanie semantyczności HTML i oddzielenie warstwy prezentacyjnej od treści, co jest kluczowe w responsywnym projektowaniu stron internetowych. Pseudo-elementy jak ::first-letter są niezwykle przydatne w tworzeniu estetycznych i czytelnych interfejsów użytkownika, zwłaszcza w przypadku publikacji zawierających dużo tekstu. Dobrą praktyką jest stosowanie pseudo-elementów w połączeniu z klasami i identyfikatorami, aby stylizacja była elastyczna i mogła być łatwo dostosowywana zgodnie z potrzebami projektu.
🤖 Wyjaśnienie generowane przez AI – weryfikuj w oficjalnych źródłach.