Jaki element(y) zostanie wybrany przez selektor CSS: div.sidebar > ul?
Jaki element(y) zostanie wybrany przez selektor CSS: div.sidebar > ul?
<ul> będące potomkami (niekoniecznie bezpośrednimi) elementu <div> z klasą sidebar.<ul> będące bezpośrednimi dziećmi elementu <div> z klasą sidebar.<div> posiadający zarówno klasę sidebar jak i będący bezpośrednim dzieckiem elementu <ul>.<ul> posiadające klasę sidebar oraz wszystkie elementy <div>.Wyjaśnienie i uzasadnienie dydaktyczne
Poprawna odpowiedź: B (Wszystkie elementy <ul> będące bezpośrednimi dziećmi elementu <div> z kla...)
Selektor div.sidebar > ul używa kombinatora dziecka bezpośredniego (>). Oznacza to, że wybierze on tylko te elementy <ul>, które są bezpośrednimi dziećmi (znajdują się o jeden poziom niżej w hierarchii DOM) elementu <div>, który dodatkowo posiada klasę sidebar.
Dlaczego pozostałe opcje są nieprawidłowe?
- A: Do wyboru wszystkich potomków (nie tylko bezpośrednich) używa się spacji jako kombinatora (np.
div.sidebar ul). - C: Opisuje odwrotną relację i niepoprawną interpretację klas.
- D: Opisuje niepoprawną interpretację selektora.
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
- 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).
- 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).
- 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