Jak zinterpretować selektor :nth-child(2n)?
Jak zinterpretować selektor :nth-child(2n)?
Wyjaśnienie i uzasadnienie dydaktyczne
Poprawna odpowiedź: D (Wybiera wszystkie parzyste elementy dzieci (tj. 2, 4, 6...) w grupie rodzeństwa.)
Pseudoklasa :nth-child(an+b) jest potężnym narzędziem do wybierania elementów na podstawie ich pozycji w grupie rodzeństwa. Wzór 2n (gdzie n zaczyna się od 0) generuje sekwencję liczb parzystych: (20=0 - nie pasuje, bo liczymy od 1), 21=2, 22=4, 23=6, itd. Zatem :nth-child(2n) wybierze drugi, czwarty, szósty (i tak dalej) element dziecko swojego rodzica.
Dlaczego pozostałe opcje są nieprawidłowe?
- A: Do wyboru elementów nieparzystych służy wzór
2n+1lub słowo kluczoweodd. - B: Do wyboru konkretnie drugiego elementu służy
:nth-child(2). - C: Interpretacja wzoru jest niepoprawna.
Chcesz poćwiczyć całą kwalifikację INF.03?
Egzamin próbny na czas, nauka działami, losowe pytanie albo przegląd całej bazy — wszystko w przeglądarce i bez zakładania konta.
Pojęcia z tego pytania
- Kompilator vs Interpreter (Wykonywanie kodu)Dwa podstawowe sposoby tłumaczenia kodu źródłowego: kompilator (całościowe tłumaczenie do kodu maszynowego przed uruchomieniem) vs interpreter (tłumaczenie linijka po linijce w locie).
- Pseudoklasy i Pseudoelementy CSS (:hover, ::before)Słowa kluczowe dodawane do selektorów definiujące stan elementu (:hover, :focus) lub pozwalające stylować specyficzne wirtualne fragmenty (::before, ::after).
- Selektory potomka, dziecka, rodzeństwa i atrybutówReguły CSS określające relacje między elementami HTML (potomek, bezpośrednie dziecko, sąsiadujące rodzeństwo, selektory atrybutów).
Podobne pytania z działu „Css selektory i kaskada”
Ten sam obszar materiału z kwalifikacji INF.03. W całej bazie znajdziesz 61 pytań z tego działu.
- #6
Efekt przedstawiony w filmie powinien być zdefiniowany w selektorze
- #9
Kaskadowe arkusze stylów tworzy się w celu
- #10
W podanej regule CSS: h1 {color: blue} h1 oznacza
- #93
Selektor CSS a:link {color:red} zawarty w kaskadowych arkuszach stylów definiuje
- #160
W zamieszczonym przykładzie pseudoklasa hover sprawi, że styl pogrubiony będzie przypisany