Jak zastąpić !ważny?

Podczas stylizacji stron internetowych programiści mogą stosować różne deklaracje CSS do jednego lub wielu elementów. W tym scenariuszu przeglądarka określa, która deklaracja jest najważniejsza dla elementu. Zwykle użycie „!ważny”Unika się, ponieważ zakłóca to zwykłą kaskadę arkusza stylów i komplikuje rozwiązywanie problemów. Można go jednak wykorzystać i zastąpić w razie potrzeby. Kiedy dwa deklaracje wzdłuż !Ważna reguła konflikt z tym samym elementem, wykorzystywana jest deklaracja o najwyższym poziomie swoistości.

Ten samouczek zbada:

• Co to jest zastąpienie !ważny?
• Metoda 1: Jak zastąpić !Ważne w HTML?
• Metoda 2: Jak zastąpić !Ważne w CSS?

Co to jest zastąpienie !ważny?

To jest CSS ”!ważny„Reguła, która jest wykorzystywana do podkreślenia właściwości lub jej odpowiedniej wartości bardziej niż zwykle. Ta reguła zastępuje wszystkie wcześniejsze reguły stylu dla tej konkretnej właściwości tego elementu po zastosowaniu.

Jak zastąpić !Ważne w HTML?

Aby użyć zastąpienia !Ważna własność, spójrz na podane instrukcje.

Krok 1: Zrób kontener DIV

Początkowo utwórz kontener DIV za pomocą „". Następnie wstaw atrybut klasy i ustaw określoną nazwę zgodnie z preferencjami.

Krok 2: Utwórz zagnieżdżoną div

Następnie stwórz zagnieżdżoną lub dziecięcą div między pierwszym „”Tag. Następnie:

• Dodaj "ID" I "klasa”Elementy o określonej nazwie zgodnie z Twoimi preferencjami.
• Wstaw „„styl”Atrybut i przydzielić na to określoną wartość. Na przykład, "kolor tła”Ustawia kolor tła utworzonego pojemnika.
• Również, "!ważny„Wartość jest wykorzystywana do zastępowania:

Linuxhint to jedna z najlepszych samouczków

Wyjście

Jak zastąpić !Ważne w CSS?

Przekroczyć "!ważny”W CSS postępuj zgodnie z podanymi instrukcjami.

Krok 1: Dodaj zagnieżdżone kontenery Div

Utwórz pierwszy pojemnik w pierwszym i zrób inny pojemnik, wykorzystując tę ​​samą procedurę wymienioną w powyższej sekcji. Następnie dodaj "klasa" I "ID”Atrybuty z określonymi nazwami:

Linuxhint to jedna z najlepszych samouczków

Wyjście

Krok 2: Złóż wniosek !Ważne dla głównej klasy DIV

Uzyskaj dostęp do głównej klasy DIV za pomocą „.Main-Div”I zastosuj właściwości CSS wymienione poniżej:

.Main-Div
Rozmiar czcionki: 30px;
margines: 20%;
Text-Align: Center;
Kolor: #0f0ff1;
Font-Weight: Bold;
kolor tła: RGB (6, 166, 240) !ważny;

Tutaj:

• "rozmiar czcionki„Właściwość jest wykorzystywana do określania wielkości czcionki.
• "margines”Dodaje przestrzeń u góry na zewnątrz elementu.
• "tekst-align”Jest wykorzystywany do ustawiania wyrównania tekstu w zdefiniowanym elemencie.
• "kolor„Właściwość definiuje kolor tekstu wewnątrz elementu.
• "grubość czcionki„Właściwość jest używana do pokazania, jak można wyświetlić cienkie lub grube alfabety w tekście.
• "kolor tła”Służy do ustawiania koloru na tylnej części elementu.

Krok 3: Złóż wniosek !Ważne dla głównej klasy DIV i identyfikatora

Teraz uzyskaj dostęp do atrybutu klasowego pierwszego kontenera Div i atrybutu ID drugiego kontenera Div:

div [main-div],
div [content-id]
kolor tła: RGB (230, 230, 11) !ważny;

Następnie zastosuj „kolor tła”Własność i„!ważny”Reguła. Zastąpi wyżej zastosowany kolor tła.

Wyjście

Chodziło o zastąpienie !Ważna własność w CSS.

Wniosek

Przekroczyć !ważne, użytkownik może skorzystać z „!ważny”Reguła z atrybutami w HTML, a także użyj właściwości CSS. Na przykład uzyskaj dostęp do głównej div i zastosuj „!ważny”Reguła„ „kolor tła". Następnie uzyskaj dostęp do obu kontenerów Div i ponownie zastosuj !Ważna zasada na tej samej właściwości. W rezultacie drugi zastosował „!ważna ”zasada zastępuje pierwszą. Ten post wykazał metodę zastąpienia !ważne zarówno w HTML, jak i CSS.