Przejdź do treści głównej
INF.03Pytanie #1170 z 1558css-selektory-i-kaskada

Jak działa modyfikator !important w deklaracji CSS i jak wpływa na kaskadowość?

Opcje odpowiedzi:
A
Dodaje deklarację do specjalnej warstwy stylów, która jest przetwarzana jako pierwsza, zanim jakiekolwiek inne style zostaną zastosowane.
B
Zwiększa specyficzność selektora, przy którym został użyty, czyniąc go ważniejszym od innych selektorów o podobnej strukturze.
C
Powoduje, że przeglądarka ignoruje tę konkretną deklarację, jeśli istnieją inne, bardziej specyficzne style dla danego elementu.
D
Nadaje deklaracji najwyższy możliwy priorytet, powodując, że nadpisuje ona praktycznie wszystkie inne deklaracje dla tej samej właściwości tego samego elementu, niezależnie od specyficzności selektora czy kolejności w kodzie (z wyjątkiem innych deklaracji !important o tej samej lub wyższej wadze pochodzenia).
Prawidłowa
Reklama

Wyjaśnienie i uzasadnienie dydaktyczne

Poprawna odpowiedź: D (Nadaje deklaracji najwyższy możliwy priorytet, powodując, że nadpisuje ona pr...)

Deklaracja oznaczona jako !important uzyskuje najwyższy priorytet w kaskadzie. Oznacza to, że nadpisze ona inne style dla tej samej właściwości tego samego elementu, nawet jeśli pochodzą one ze stylów lokalnych (inline) lub z selektorów o bardzo wysokiej specyficzności. Wyjątkiem są sytuacje, gdy inne deklaracje !important mają wyższy priorytet ze względu na pochodzenie (np. style użytkownika z !important mogą nadpisać style autorskie z !important). Należy używać !important oszczędnie, ponieważ może to utrudnić debugowanie i zarządzanie stylami.

Dlaczego pozostałe opcje są nieprawidłowe?

  • A: !important nie tworzy specjalnej warstwy przetwarzanej jako pierwsza; działa na poziomie pojedynczych deklaracji.
  • B: !important nie zmienia specyficzności selektora, ale nadaje samej deklaracji specjalną wagę.
  • C: Działa odwrotnie – !important sprawia, że deklaracja jest trudniejsza do nadpisania.

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.

Rozwiąż w Quizie

Pojęcia z tego pytania

Cały słownik INF03
Reklama

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.