Jak zdefiniować w języku CSS takie formatowanie tabeli, żeby wiersz, na którym aktualnie znajduje się kursor myszy, zmieniał kolor tła na szary
Jak zdefiniować w języku CSS takie formatowanie tabeli, żeby wiersz, na którym aktualnie znajduje się kursor myszy, zmieniał kolor tła na szary
Wyjaśnienie i uzasadnienie dydaktyczne
Poprawna odpowiedź: C (tr:hover { background-color: gray; })
Pseudoklasa :hover w CSS aktywuje się w momencie najechania wskaźnikiem myszy na element. Selektor tr:hover wskazuje wiersz tabeli pod kursorem, a właściwość background-color: gray; zmienia jego kolor tła na szary.
Dlaczego pozostałe opcje są nieprawidłowe?
- A: Pseudoklasa
:activedziała tylko w trakcie wciskania przycisku myszy, a właściwośćcolorzmienia kolor tekstu, a nie tła. - B: Pseudoklasa
:activenie reaguje na samo najechanie kursorem myszy. - D: Właściwość
color: gray;zmienia kolor czcionki tekstu, a nie kolor tła wiersza tabeli.
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