!Wyjaśniona ważna zasada w CSS

Właściwości CSS są stosowane w kolejności, która jest zdefiniowana przy użyciu koncepcji specyficzności w CSS. Czasami jednak może być konieczne przywiązanie znaczenia wartości właściwości CSS w stosunku do innych wartości tej samej właściwości. W tym celu !Ważne słowo kluczowe jest używane z właściwością CSS, aby uczynić ją bardziej widoczną niż inne właściwości. Ten artykuł pokazuje wykorzystanie !Ważna zasada w CSS.

Jak !Ważna zasada działa w CSS

Aby zrozumieć działanie, musisz rozumieć składnię, którą następuje !ważna zasada.

selektor odnosi się do używanego selektora CSS, podczas gdy nieruchomość odnosi się do stosowania właściwości CSS z niektórymi wartość. Umieszczenie !Ważne słowo kluczowe również ma znaczenie i musi być na końcu wartości właściwości, jak pokazano w składni.

Jak używać !Ważna zasada w CSS

Jak !Ważna zasada nie podąża za swoistością; Zatem nie ma znaczenia, gdzie !Zastosowana jest ważna zasada, że ​​jest po prostu na najwyższym poziomie swoistości. Miejmy kilka przykładów, aby uzyskać wyraźniejszy obraz tego zjawiska.

Przykład 1: Korzystanie z zewnętrznych, wewnętrznych i wbudowanych CSS

Zwykle wbudowany CSS ma najwyższy priorytet, a następnie wewnętrzne i zewnętrzne CSS. Poniższy kod używa !Ważna zasada w zewnętrznym arkuszu stylów, aby pokazać nadrzędne zachowanie.

Html

Witamy w Linuxhint!

W powyższym kodzie

Element jest używany ze stylistyką wbudowaną, która zamierza zmienić kolor tła.

Zewnętrzne CSS

Powyższy kod odnosi się do zewnętrznego arkusza stylów, który byłby powiązany z dokumentem HTML. Obserwuje się, że właściwość w kolorze tła ma !ważny rządzić z tym.

Wewnętrzne CSS

Powyższy kod CSS został użyty jako wewnętrzny CSS; ten wewnętrzny CSS próbuje również zmienić kolor tła

element.

Wyjście

Chociaż wbudowany ma wyższy priorytet niż wewnętrzny i zewnętrzny. Jednak użyliśmy !Ważne słowo kluczowe z właściwością koloru tła w zewnętrznych CSS. Dlatego kolor tła zostanie pobrany z zewnętrznego pliku CSS, jak widać z powyższego wyjścia.

Przykład 2: Korzystanie z różnych selektorów CSS

Tutaj używane są selektory CSS, takie jak klasa i identyfikator elementu. !Ważna zasada stosuje się w klasie elementu.

Html

Witamy w Linuxhint!

W powyższym kodzie akapit jest tworzony z id = „para” i class = ”cl”.

CSS

„„.selektor cl i „„#Para”Selektory CSS próbują ustawić kolor tła

element. Zauważ, że !ważny zasada stosuje się do „.cl”Selektor .

Wyjście

Chociaż selektor identyfikator ma wyższy priorytet niż selektor klasy, !ważny Reguła zastąpi właściwość koloru tła używana w id = ”pkt”Selektor.

Wniosek

!Ważna zasada jest bardzo pomocna w różnych złożonych scenariuszach, w których używanych jest wiele zewnętrznych i wewnętrznych arkuszy stylów i chcesz po prostu dodać kolejną właściwość CSS z najwyższym priorytetem. Zachowanie znaczenia !Ważna zasada, mając na uwadze, ten post zawiera szczegółowy przewodnik na temat pracy i wykorzystania !Ważna zasada w CSS. Użycie !Ważną zasadę ilustruje ją ćwiczenie na różnych selektorach CSS i obserwując, że zastępuje odpowiednią właściwość CSS stosowaną przez innych selektorów CSS.