Jak złożyć wniosek !ważne przy użyciu CSS

Istnieje reguła stosowana z CSS w celu dodania znaczenia konkretnej właściwości CSS i nazywa się ją „!ważny”Reguła. Kiedy „!ważny„Reguła istnieje w kodzie w elemencie stylu CSS, dominuje nad wszystkimi innymi właściwości.

„„!ważny”Reguła w CSS ma najwyższe pierwszeństwo wśród wszystkich zadeklarowanych właściwości, wszystkie pozostałe właściwości wykonują później. Jednakże "!ważny„Reguła może nie działać prawidłowo, gdy jest używana w wielu miejscach w tym samym elemencie.

Aplikowanie !ważna zasada

Napiszmy przykładowy kod, aby zrozumieć wpływ ważnej zasady na styl dokumentu HTML:

To pierwsze zdanie

To jest drugie zdanie

To jest trzecie zdanie

Aplikowanie !Ważna zasada dla nieruchomości

• Dodaj "!ważny„Reguła w jednej z nieruchomości, po prostu pisząc„ważny”Z okrzykami po prawej stronie nieruchomości.
• Nie powinno być półkolisu między własnością a „!ważny”Reguła, ponieważ półkolis zawsze kończy stwierdzenie. Tak więc półkolis należy umieścić po napisaniu „!ważny".

Prostym przykładem dodania ważnej reguły do ​​właściwości CSS jest:

.myClass tło kolor: niebieski;
#MyId tło kolor: zielony;
P kolor tła: pomarańczowy !ważny;

W powyższym fragmencie kodu jest „!ważny”Napisane z właściwością określającą kolor tła„Pomarańczowy". Ta właściwość zastąpi właściwości definiujące kolory tła jako zielone i niebieskie i ustawi kolor tła wszystkich zdań w wyjściu jako pomarańczowy.

Wygeneruje to następujący interfejs wyjściowy:

Bez !ważna zasada
Teraz, jeśli usuniemy ważną regułę, wynik będzie zupełnie inny, ponieważ wszystkie właściwości będą działać bez zastępowania się:

.myClass tło kolor: niebieski;
#MyId tło kolor: zielony;
P kolor tła: Orange;

Ustawia kolory tła jako niebieskie, zielone i pomarańczowe z sekwencją, jak określono za pomocą fragmentu kodu HTML. Wynik generowany przez to będzie następujący:

To podsumowuje metodę zastosowania ważnej reguły za pomocą CSS.

Wniosek

CSS „!ważny”Reguła dodaje większego znaczenia właściwości, ponieważ priorytetowo traktuje właściwość i zastępuje wszystkie pozostałe właściwości określone dla elementu. „„!ważny„Zasada stosuje się do właściwości CSS, po prostu wpisując”ważny”Z„!”(Wykrzyknik) po właściwości CSS przed półkolisem. W tym artykule dobrze wyjaśniono, jak zastosować !Ważna zasada za pomocą CSS.