Co oznacza selektor h1 + p w CSS?
Co oznacza selektor h1 + p w CSS?
<p> będące potomkami elementu <h1>.<h1> oraz wszystkie elementy <p>.<p> tylko wtedy, gdy jest on bezpośrednio poprzedzony przez element <h1> na tym samym poziomie zagnieżdżenia (sąsiadujące rodzeństwo).<h1> tylko wtedy, gdy bezpośrednio po nim występuje element <p>.Wyjaśnienie i uzasadnienie dydaktyczne
Poprawna odpowiedź: C (Wybiera element <p> tylko wtedy, gdy jest on bezpośrednio poprzedzony przez...)
Selektor h1 + p to selektor sąsiadującego rodzeństwa (adjacent sibling combinator). Wybiera on element <p> (drugi operand), który jest bezpośrednim rodzeństwem (znajduje się na tym samym poziomie w drzewie DOM i następuje bezpośrednio po) elementu <h1> (pierwszy operand).
Dlaczego pozostałe opcje są nieprawidłowe?
- A: Do wyboru potomków służy spacja (np.
h1 p). - B: Do wyboru obu typów elementów niezależnie używa się przecinka (np.
h1, p). - D: Selektor wybiera drugi element (
p) na podstawie jego relacji z pierwszym (h1), a nie odwrotnie.
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
- Drzewo DOM (Document Object Model)Wieloplatformowy i niezależny od języka interfejs programistyczny traktujący dokument HTML jako hierarchiczne drzewo obiektów (węzłów).
- 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).
- Metody tablicowe w JS (push, pop, map, filter, forEach, splice)Funkcje wbudowane w prototyp tablic służące do mutowania zawartości, transformacji, filtrowania i iteracji po elementach.
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