Czy klasa CSS może odziedziczyć jedną lub więcej innych klas

Czy klasa CSS może odziedziczyć jedną lub więcej innych klas
HTML i CSS nie kodują języków. Oboje są językami znaczników. Elementy HTML mogą mieć dostęp do atrybutów klasowych w CSS do celów stylizacji. Te klasy CSS mogą odziedziczyć jedną lub więcej innych klas CSS. Można to zrobić w „MNIEJ„, Rozszerzenie języka CSS, kompatybilne się z wstecznym, co oznacza szczuplejsze arkusze stylów.

W tym pismach opisuje, jak odziedziczyć jedną lub więcej klas CSS na klasę CSS.

Czy klasa w CSS odziedziczy jedną lub więcej innych klas?

Klasa w CSS może odziedziczyć jedną lub więcej innych klas za pomocą narzędzi takich jak szczuplejsze arkusze stylów. Oferuje dodatkowe funkcje, które pomagają w łatwym tworzeniu aplikacji.

Aby uzyskać praktyczną demonstrację, sprawdź poniższy przykład.

Html

W HTML dodaj dwa „„Elementy z klasami”Sekcja" I "podrozdział”Odpowiednio:

Sekcja

podrozdział

Wyjście

Utwórz mniej stylsheet, dodając „.mniej" rozszerzenie.

Stwórz styl.mniej pliku

Po pierwsze, zadeklaruj dwie klasy CSS, „Wspólne style" I "pkt". Następnie zastosuj te klasy do elementów HTML.

Stylowa klasa „Common Styles”

.Wspólne style
kolor tła: RGB (228, 225, 148);
granica: 5px Solid RGB (213, 213, 243);
Wyściółka: 10px;
Rozmiar czcionki: 25px;
Margines: 5px;
szerokość: 500px;

„„Wspólne style„Klasa jest stylizowana z następującymi właściwościami CSS:

  • "kolor tła”Określa kolor tła elementu.
  • "granica”Dodaje granicę elementu.
  • "wyściółka”Dodaje miejsce wokół treści elementu.
  • "rozmiar czcionki”Wskazuje rozmiar czcionki.
  • "margines”Produkuje przestrzeń wokół elementu.
  • "szerokość”Określa szerokość elementu.

Style „para” klasa

.para
Font-Family: Fantasy;
Rozmiar czcionki: 20px;
Kolor: szary;

Tutaj:

  • "rodzina czcionek”Dostosowuje styl czcionki.
  • "rozmiar czcionki”Ustawia rozmiar czcionki.
  • "kolor”Ustawia kolor czcionki.

Odziedzicz klasa CSS

W poniższej sekcji CSS dwie klasy CSS są nieodłącznie związane z „Sekcja" klasa:

.Sekcja
.para;
.Wspólne style;

Tutaj jedna klasa CSS, „Wspólne style”Jest dziedziczone do„podrozdział" klasa:

.podrozdział
.Wspólne style;

Wyjście

W ten sposób klasa CSS może odziedziczyć jedną lub więcej klas CSS.

Wniosek

Klasa CSS może odziedziczyć jedną lub więcej klas CSS za pomocą narzędzi takich jak mniej. Aby to zrobić, najpierw utwórz plik HTML. Podaj w nim elementy HTML i przypisz je klasy. W mniejszym pliku zadeklaruj klasy właściwościami CSS. Aby odziedziczyć style, określ klasę w kręconych nawiasach drugiej klasy. Ten post wyjaśnił, w jaki sposób jedna lub więcej klas jest dziedziczonych przez klasę CSS.