Jak celować w klasę CSS w innej klasie CSS

Zajęcia odgrywają kluczową rolę podczas omawiania specyfikacji dowolnego elementu w CSS lub innym języku programowania. Aby wyrazić kilka stylów i efektów na komponenty HTML, klasy generowane są w CSS. Podając wartości właściwości, wszystkie właściwości CSS można dodać do ciała klasy.

W tym poście stwierdzono na temat celowania w klasę CSS w innej klasie CSS.

Jak celować w klasę CSS w innej klasie CSS?

Aby celować w klasę CSS w innej klasie CSS, najpierw zrób kontenery Div i dodaj atrybuty klas w każdym pojemniku. Następnie dostęp do jednej lub więcej klas w CSS, wykorzystując ich nazwę/wartość.

Krok 1: Dodaj pojemnik „Div”

Początkowo dodaj element DIV za pomocą „". Następnie przydziel atrybut klasy do dalszego użycia.

Krok 2: Zrób zagnieżdżone pojemniki „Div”

Następnie zrób zagnieżdżone kontenery Div, postępując zgodnie z tą samą procedurą kroku 1:

Ożenić
Jacek
Tomek
Jully

Wyjście

Krok 3: Zastosuj styl na głównym pojemniku „Div”

Uzyskaj dostęp do głównego „div”Pojemnik z pomocą nazwy klasy jako„.główna zawartość”:

.główna zawartość
Szerokość: 40%;
Margines: 0 Auto;
kolor niebieski;
Border: 2px kropkowany niebieski;
Text-Align: Center;

Tutaj:

• "szerokość”Określa rozmiar szerokości elementu.
• "margines„Przydziela przestrzeń wokół elementu poza zdefiniowaną granicą.
• "kolor”Definiuje kolor dodanego tekstu w elemencie.
• "granica”Definiuje zarys lub granicę wokół elementu w HTML.
• "Tekst-align”Definiuje wyrównanie tekstu elementu.

Krok 4: Styl innej klasy

Uzyskaj dostęp do głównej klasy CSS i innych zagnieżdżonych klas, używając ich nazwisk. Następnie ustaw szerokość pojemnika, określając wartość zgodnie z wyborem:

.główna zawartość .tabela
Szerokość: 80%;

Ponadto dostęp do drugiej klasy, postępując zgodnie z tą samą procedurą jak powyżej i zastosuj właściwości CSS wymienione w poniższym fragmencie kodu:

.główna zawartość .C-right
Wyświetlacz: Block Inline;
Rozmiar czcionki: 20px;

Zgodnie z powyższym fragmentem kodu:

• "wyświetlacz„Właściwość służy do ustawiania wyświetlania elementu.
• "rozmiar czcionki”Określa rozmiar tekstu dodanego w pojemniku.

Teraz uzyskaj dostęp do innych klas, wykorzystując tę ​​samą metodę i zastosuj następujące właściwości CSS, jak wspomniano poniżej:

.główna zawartość .c-left
szerokość: 140px;
margines-prawy: 6px;
Rozmiar czcionki: 16px;

Aby to zrobić, będziemy złożyć wniosek „szerokość”,„margines-prawy" I "rozmiar czcionki„Do celów stylizacji.

Ponadto dostęp do głównego „div”Pojemnik wzdłuż innego zagnieżdżonego kontenera Div, wykorzystując ich nazwę klasy i zastosuj następujące właściwości CSS

.główny .C-right
szerokość: auto;
Rozmiar czcionki: 15px;
kolor: #fff;
margines-prawy: 20px;
czcionek: normalny;

Wyjście

Chodzi o celowanie w klasę CSS w innej klasie CSS.

Wniosek

Aby ukierunkować klasę CSS w innej klasie CSS, najpierw uzyskać dostęp do głównego ”div”Za pośrednictwem przypisanego atrybutu klasy. Następnie uzyskaj dostęp do innego pojemnika „Div”, postępując zgodnie z tą samą procedurą. Ponadto użytkownicy mogą celować w klasę CSS w innej klasie CSS. Ten post wykazał metodę celowania w klasę CSS w innej klasie CSS.