W tym poście będzie mowa o kierowaniu na klasę CSS w ramach innej klasy CSS.
Jak celować w klasę CSS w innej klasie CSS?
Aby kierować klasę CSS wewnątrz innej klasy CSS, najpierw utwórz kontenery div i dodaj atrybuty klasy w każdym kontenerze. Następnie uzyskaj dostęp do jednej lub więcej klas w CSS, wykorzystując ich nazwę/wartość.
Krok 1: Dodaj kontener „div”.
Najpierw dodaj element div za pomocą „
Krok 2: Utwórz zagnieżdżone kontenery „div”.
Następnie utwórz zagnieżdżone kontenery div, wykonując tę samą procedurę z kroku 1:
< dz klasa = 'główna zawartość' >
< dz klasa = 'tabela' >
< dz klasa = 'wiersz' >
< dz klasa = 'rozszczep' > Ożenić < / dz >
< dz klasa = „c-prawo” > Jacek < / dz >
< dz klasa = 'rozszczep' > Tomek < / dz >
< dz klasa = „c-prawo” > Lipiec < / dz >
< / dz >
< / dz >
< / dz >
Wyjście
Krok 3: Zastosuj stylizację do głównego kontenera „div”.
Uzyskaj dostęp do głównego „ dz ” kontener za pomocą nazwy klasy jako „ .główna zawartość ”:
.główna zawartość {
szerokość : 40% ;
margines : 0 automatyczny ;
kolor : niebieski ;
granica : 2 piks kropkowany niebieski ;
wyrównanie tekstu : Centrum ;
}
Tutaj:
- “ szerokość ” określa rozmiar szerokości elementu.
- “ margines ” przydziela przestrzeń wokół elementu poza zdefiniowaną granicą.
- “ kolor ” określa kolor dodawanego tekstu w elemencie.
- “ granica ” definiuje kontur lub granicę wokół elementu w HTML.
- “ Wyrównaj tekst ” określa wyrównanie tekstu elementu.
Krok 4: Stylizuj inną klasę
Uzyskaj dostęp do głównej klasy CSS i innych klas zagnieżdżonych, używając ich nazw. Następnie ustaw szerokość kontenera, określając wartość według własnego wyboru:
.główna zawartość .tabela {szerokość : 80% ;
}
Ponadto uzyskaj dostęp do drugiej klasy, wykonując tę samą procedurę, co powyżej i zastosuj właściwości CSS wymienione w poniższym fragmencie kodu:
.główna zawartość .c-prawo {wyświetlacz : blok wbudowany ;
rozmiar czcionki : 20px ;
}
Zgodnie z powyższym fragmentem kodu:
- “ wyświetlacz ” służy do ustawiania wyświetlania elementu.
- “ rozmiar czcionki ” określa rozmiar tekstu dodawanego w kontenerze.
Teraz uzyskaj dostęp do innych klas, korzystając z tej samej metody i zastosuj następujące właściwości CSS, jak wspomniano poniżej:
.główna zawartość .rozszczep {szerokość : 140 pikseli ;
prawy margines : 6 pikseli ;
rozmiar czcionki : 16px ;
}
W tym celu zastosujemy „ szerokość ”, „ prawy margines ' I ' rozmiar czcionki ” w celach stylizacyjnych.
Ponadto uzyskaj dostęp do głównego „ dz ” wraz z innymi zagnieżdżonymi kontenerami div, wykorzystując ich nazwy klas i stosując następujące właściwości CSS
.główny .c-prawo {szerokość : automatyczny ;
rozmiar czcionki : 15 piks ;
kolor : #ffff ;
prawy margines : 20px ;
grubość czcionki : normalna ;
}
Wyjście
Chodzi o kierowanie na klasę CSS wewnątrz innej klasy CSS.
Wniosek
Aby kierować reklamy na klasę CSS w ramach innej klasy CSS, najpierw przejdź do głównego „ dz ” poprzez przypisany atrybut class. Następnie uzyskaj dostęp do innego kontenera „div”, wykonując tę samą procedurę. Ponadto użytkownicy mogą kierować reklamy na klasę CSS w ramach innej klasy CSS. Ten post zademonstrował metodę kierowania klasy CSS w innej klasie CSS.