Który z poniższych selektorów CSS ma najwyższą specyficzność (zakładając brak !important i stylów inline)?
Który z poniższych selektorów CSS ma najwyższą specyficzność (zakładając brak !important i stylów inline)?
#main-nav .nav-item a:hovernav ul li aa[href*="example.com"]* (selektor uniwersalny)Wyjaśnienie i uzasadnienie dydaktyczne
Poprawna odpowiedź: A (#main-nav .nav-item a:hover)
#main-nav .nav-item a:hover.
Specyficzność oblicza się zazwyczaj w formacie (ID, Klasy/Atrybuty/Pseudoklasy, Typy/Pseudoelementy):
Dlaczego pozostałe opcje są nieprawidłowe?
- B:
nav ul li a-> Typy (4 -nav,ul,li,a). Specyficzność: (0, 0, 4) - C:
a[href*="example.com"]-> Atrybuty (1 -[href*=...]), Typy (1 -a). Specyficzność: (0, 1, 1) - D:
*-> Specyficzność: (0, 0, 0) Porównując (1,2,1) z pozostałymi, opcja A ma najwyższą specyficzność, ponieważ posiada selektor ID, który ma największą wagę. Opcje B, C, i D mają niższą specyficzność.
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
- 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).
- Kaskadowość i Specyficzność stylów CSS (Waga selektorów)Algorytm określający, która reguła CSS ma pierwszeństwo w przypadku konfliktu stylów nakładanych na ten sam element.
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