W CSS istnieje wiele selektorów do różnych celów, w tym selektorów wieloznacznych, selektorów identyfikacyjnych, selektorów klasowych i wielu innych. Mówiąc dokładniej, selektor wieloznaczny wybiera wiele elementów jednocześnie. Wybiera nazwy klas lub cechy podobnego typu i przypisuje właściwości CSS. Ilekroć użytkownicy zatrudniają ten wybór wieloznaczny w CSS, wszystkie elementy o tej samej nazwie klasy zostaną wybrane.

Ten post pokaże użycie dzikiej karty * w CSS dla klasy.

Jak wykorzystać wieloznaczną kartę * w CSS na zajęcia?

Aby wykorzystać wieloznaczną kartę * w CSS dla klasy, wypróbuj wspomnianą procedurę.

Krok 1: Wstaw nagłówek
Przede wszystkim dodaj nagłówek, wykorzystując znacznik nagłówka. Aby to zrobić, dodamy „

”Tag.

Krok 2: Utwórz kontenery Div
Utwórz trzy oddzielne kontenery Div za pomocą „”Element i wstaw„klasa”Atrybut w każdym pojemniku o określonej nazwie zgodnie z Twoimi preferencjami.

Krok 3: Dodaj tekst
Następnie skorzystaj z „

„Tag do wstawienia tekstu w postaci akapitu. Dodaj także „klasa”Atrybut o unikalnej nazwie. Następnie osadziłem tekst między znacznikiem akapitu:

Linuxhint Ltd UK

Pierwszy pojemnik
Drugi pojemnik
Trzeci pojemnik

Linuxhint zapewnia treść dla różnych kategorii, w tym Docker, HTML/CSS, Discord, PowerShell, Windows, Git Hub i wiele innych.

Wyjście

Krok 4: Uzyskaj dostęp do klasy „STR”, wykorzystując * Wildcard
Następnie określając „[klasa*= „str”]”Wybierze wszystkie elementy div, których nazwa klasy zaczyna się od„str”:

[class*= "str"]
Tło: RGB (80, 119, 250);
kolor biały;

Następnie zastosuj następujące właściwości CSS na wszystkie wybrane elementy:

• "tło”Właściwość ustawia kolor tła elementu.
• "kolor„Przydziela określony kolor dla elementu.

Krok 5: Style nagłówka
Uzyskać dostęp do nagłówka za pomocą „

”Tag:

H1
Kolor: RGB (44, 3, 230);
Text-Align: Center;

Potem „„kolor„Nieruchomość jest stosowana, aby nagłówek był kolorowy i ustawić „Urocza tekstu„Wartość nieruchomości jako„Centrum„Aby wyrównać tekst.

Krok 6: Stylowy pojemnik „Main-Div”
Uzyskaj dostęp do głównego kontenera Div, wykorzystując selektor kropki o nazwie klasy „.Main-Div”:

.Main-Div
Wyrównanie: Center;
Text-Align: Center;
Szerokość: 60%;
Margin-left: 80px;
granica: 2px stały niebieski;

W powyższym fragmencie kodu:

• "Wyrównanie„Właściwość ustawia wyrównanie elementu jako„Centrum".
• "tekst-align”Jest wykorzystywany do alokacji wyrównania tekstu w elemencie.
• "Wyrównanie„Właściwość ustawia wyrównanie elementu jako„ środkowy ”.
• "margines lewic”Ustawia margines z lewej strony elementu.
• "granica”Definiuje granicę poza elementem o właściwej szerokości, stylu i kolorze.

Wyjście

Otóż ​​to! Dowiedziałeś się o wieloznacznej karcie * w CSS na zajęcia.

Wniosek

Kardka wieloznaczna „*” w CSS to selektor, który jest wykorzystywany do wyboru wszystkich elementów zgodnie z określoną wartością. Po ich wybraniu możesz zastosować jeden układ stylizacji do wszystkich elementów. To podejście jest przydatne, gdy jest wymagane do stylizacji wielu elementów o tej samej wartości klasie. Ten zapis wyjaśnił wieloznaczną kartę * w CSS dla klasy.