Zajęcia i podklasy CSS
W HTML różne atrybuty są używane do jednoznacznej identyfikacji elementu, takich jak „klasa" I "ID”Atrybuty. Możesz także przypisać więcej niż jedną nazwę do klasy w elemencie lub utworzyć podklasy wewnątrz elementów. Są one głównie wykorzystywane do wskazywania innej klasy w arkuszu stylów. Mówiąc dokładniej, klasy CSS i podklasy pomagają w zdefiniowaniu grupy elementów HTML w celu zastosowania unikalnego formatowania i stylizacji wybranych elementów za pomocą właściwości.
Ten blog pokaże:
- Jakie są klasy i podklasy CSS?
- Jak uzyskać dostęp do klasy CSS i podklas?
Jakie są klasy i podklasy CSS?
CSS „klasa”Jest atrybutem wykorzystywanym do określania zbioru elementów HTML, aby do wszystkich tych komponentów można zastosować określone style i formatowanie. Gdy użytkownicy wykrywają lub opracowują wzorce projektowania wielokrotnego użytku, które łączą się z klasą nadrzędną, inną klasę można łatwo utworzyć za pomocą terminu ”Podklasa". Następnie możesz przenieść i ponownie używać rzeczy w wielu miejscach bez zakłócania stylów lub zmiany selektorów za pomocą podklas, a nie selektorów.
Jak uzyskać dostęp do klas i podklas CSS?
Aby uzyskać dostęp do klas i podklas CSS, postępuj zgodnie z poniższą procedurą.
Krok 1: Zrób pojemnik „Div”
Najpierw stwórz „div”Pojemnik z pomocą„" element. Następnie dodaj „klasa”Atrybut wewnątrz znacznika otwierającego div i przypisz określoną nazwę do klasy.
Krok 2: Utwórz tabelę
Następnie skorzystaj z „ Wyjście Krok 3: Utwórz inny kontener DIV Teraz utwórz kolejny kontener Div i dodaj klasę, postępując zgodnie z tą samą metodą. Krok 4: Zrób inny stół Użyj „ Wyjście Krok 5: Style „Main-Div” klasa Teraz uzyskaj dostęp do atrybutu głównego klasy i zastosuj poniżej notowane właściwości: Tutaj: Krok 6: Style klasa i podklasa W tym określonym kroku uzyskaj dostęp zarówno do klasy głównej, jak i podklasy za pomocą ich nazwy i selektora atrybutów jako „.Main-Div" I ".treść”: Po uzyskaniu dostępu do klasy i podklasy zastosuj „kolor„Właściwość, aby ustawić kolor na dodany tekst. Wyjście Krok 7: Stylowa klasa „drugiej klasy” Uzyskaj dostęp do innej głównej klasy, wykorzystując tę samą procedurę głównej div: Następnie zastosuj „granica" I "margines„Właściwości do tego. Krok 8: Podklasa „treści” stylu Teraz uzyskaj dostęp do drugiej podklasy i zastosuj „kolor”Właściwość CSS, aby określić kolor do dodanego tekstu: Można zauważyć, że klasy CSS i ich odpowiednie podklasy zostały pomyślnie stylizowane: Chodziło o użycie klas CSS i podklas. Wniosek Aby uzyskać dostęp do klas i podklas CSS, najpierw utwórz kontener DIV za pomocą „”I wstaw klasę o określonej nazwie. Następnie zrób kolejny element między kontenerem, ponieważ utworzyliśmy tabelę za pomocą „„Tag do tworzenia tabeli. Przypisz także klasę wewnątrz
tag, znany jako podklasa. Następnie utwórz rzędy w tabeli za pomocą „
”I użyj„ „Aby dodać dane tabeli: Linuxhint to brytyjska organizacja. Linuxhint Najlepsza strona internetowa samouczka „Tag do tworzenia kolejnego znacznika:
TSL pracuje dla Linuxhint Ltd UK TSL to najlepsza organizacja twórców treści .Main-Div
granica: 3px Solid RGB (240, 38, 2);
Margines: 10px 100px;
.Main-Div .treść
Kolor: RGB (8, 12, 240);.drugi div
Border: 3Px stały niebieski;
Margines: 10px 100px;.Drugi dyw .treść
Kolor: RGB (27, 240, 7);”Tag i dodaj klasę wewnątrz znacznika tabeli o konkretnej nazwie. Następnie klasa dostępu i podklasy w CSS i zastosuj właściwości CSS do stylizacji. W tym poście stwierdzono na temat zajęć i podklas CSS.