Jak zastąpić właściwości klasy CSS za pomocą innej klasy CSS

CSS to podstawowy język programowania, który pozwala użytkownikom stosować różne style, w tym „styl czcionki”,„styl graniczny”,„margines”,„wyściółka”I wiele innych na stronach internetowych. Zastępowanie CSS jest procesem przewidywania priorytetu elementu lub stylizacji CSS przez przeglądarkę. Mówiąc dokładniej, zastępowanie jednej klasy w innej klasie CSS odnosi się do nadmiernego stylizacji w CSS. Innymi słowy, wcześniej zaprojektowany element jest ponownie stylizowany przez inną klasę.

Ten post wyjaśni metodę zastępowania właściwości jednej klasy CSS za pomocą innej klasy CSS.

Jak zastąpić właściwości klasy CSS za pomocą innej klasy CSS?

Aby zastąpić własność jednej klasy CSS, wykorzystując drugą klasę CSS, wypróbuj dostarczone instrukcje.

Krok 1: Utwórz kontener Div

Najpierw stwórz „”Element i przypisz go klasę według określonej nazwy.

Krok 2: Dodaj nagłówek

Następnie wstaw nagłówek, wykorzystując „

„Tag pomiędzy tagami„ div ”.

Krok 3: Dodaj akapit

Dodaj tag akapitowy „
" razem z "klasa" atrybut. „Klasa” przypisuje się dwóm kolejnym wartościom ”,„styl czcionki" I "Moja treść". Następnie dodaj tekst pomiędzy tagami akapitu:

Linuxhint

Linuxhint najlepsza strona internetowa samouczków. Zapewnia najlepszą treść o różnych kategoriach, w tym HTML/CSS, JavaScript, Git, Docker, Windows i wiele innych.

Wyjście

Krok 4: Style nagłówka

Aby stylizować nagłówek, najpierw uzyskać nagłówek według nazwy tagu „H1”I zastosuj poniżej listy nieruchomości:

H1
Styl czcionki: Kursywa;
Kolor: solidny niebieski;
Text-Align: Center;

Tutaj:

- "styl czcionki„Własność jest wykorzystywana do określania sektatu czcionki kursywnej.
- "kolor”Służy do określenia koloru tekstu.
- "tekst-align”Służy do ustawiania wyrównania tekstu w poziomie.

Krok 5: Element „Div” stylu

Następnie stygnij element „div”, uzyskując dostęp do klasy „.Linuxhint-Content”I zastosuj„margines" I "styl graniczny„Właściwości do tego. „Margines” służy do dodania przestrzeni wokół zdefiniowanego elementu, a „w stylu granicznym” jest wykorzystywany do zdefiniowania stylu granicznego jako grzbietu:

.Linuxhint-Content
Margines: 50px;
Styl graniczny: grzbiet;

Krok 6: Pierwsza klasa stylu „

”Tag

Najpierw uzyskaj dostęp do „

„Element za pomocą klasy”.styl czcionki". Tutaj zastosuj poniżej wspomniane właściwości:

.styl czcionki
Kolor tła: RGB (192, 240, 129) !ważny;
Font-family: „Mansalva”, kursyw !ważny;
Rozmiar czcionki: 130%;

Wyjaśnienie powyższego fragmentu jest następujące:

- "kolor tła„Właściwość określa kolor tła elementu.
- "!ważny”Jest zasadą w CSS, która jest wykorzystywana do zastąpienia lub priorytetu jednej nieruchomości nad drugą.
- "rodzina czcionek„Własność przydziela czcionkę dla elementu:

Krok 7: Style „

”Element za pomocą drugiej klasy

Uzyskaj dostęp do kolejnej przypisanej klasy „.Moja treść" z "

”Element i zastosuj„rodzina czcionek" I "kolor tła„Właściwości o różnych wartościach:

.Moja treść
Font-Family: Verdana, Genewa, Tahoma, Sans-Serif;
kolor tła: proszek;

Można zauważyć, że nie ma wpływu na wyjście i przeglądarkę priorytetowo traktuje właściwości pierwszej klasy:

Nauczyłeś się zastępować właściwości klasy CSS za pomocą kolejnego CSS.

Wniosek

Aby zastąpić własność klasy CSS za pomocą innej klasy CSS, „!ważny„Zasada jest wykorzystywana. „„!ważny”Powstaje po wartości właściwości wykorzystywanej do zwiększenia znaczenia wartości lub zastąpienia wartości innej klasy. Ten post wykazał metodę zastąpienia jednej klasy CSS innej klasie.