Jak można wybrać wszystkie elementy na stronie, które są aktualnie celem wewnętrznego linku (np. po kliknięciu <a href="#sekcja1">)?
Jak można wybrać wszystkie elementy na stronie, które są aktualnie celem wewnętrznego linku (np. po kliknięciu <a href="#sekcja1">)?
:focus.:target.[active-link].::destination.Wyjaśnienie i uzasadnienie dydaktyczne
Poprawna odpowiedź: B (Za pomocą pseudoklasy :target.)
Pseudoklasa :target wybiera element, którego id pasuje do identyfikatora fragmentu w URI dokumentu (część adresu URL po znaku #). Kiedy użytkownik kliknie link taki jak <a href="#mojID">, element <div id="mojID"> (lub dowolny inny z tym ID) stanie się celem i zostanie do niego dopasowany selektor :target.
Dlaczego pozostałe opcje są nieprawidłowe?
- A:
:focusodnosi się do elementu, który aktualnie ma fokus (np. pole formularza, w którym użytkownik pisze). - C:
[active-link]nie jest standardowym selektorem atrybutu ani mechanizmem do tego celu. - D:
::destinationnie jest standardowym pseudoelementem CSS.
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).
- 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