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:
SekcjaWyjś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„„Wspólne style„Klasa jest stylizowana z następującymi właściwościami CSS:
Style „para” klasa
.paraTutaj:
Odziedzicz klasa CSS
W poniższej sekcji CSS dwie klasy CSS są nieodłącznie związane z „Sekcja" klasa:
.SekcjaTutaj jedna klasa CSS, „Wspólne style”Jest dziedziczone do„podrozdział" klasa:
.podrozdział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.