I CSS er det mange velgere som brukes til forskjellige formål, inkludert jokertegn, ID -velgere, klasseselger og mange flere. Mer spesifikt velger Wildcard Selector flere elementer på en gang. Den velger klassenavn eller egenskaper av en lignende type og tildeler CSS -egenskaper. Hver gang brukere bruker denne jokertegnutvelgeren i CSS, vil alle elementer med samme klassenavn bli valgt.

Dette innlegget vil demonstrere bruken av jokertegn * i CSS for klasse.

Hvordan bruke jokertegn * i CSS for klasse?

For å bruke jokertegnet * i CSS for klasse, kan du prøve ut den nevnte prosedyren.

Trinn 1: Sett inn en overskrift
Først av alt, legg til en overskrift ved å bruke overskriften. For å gjøre det, vil vi legge til “

" stikkord.

Trinn 2: Lag Div -containere
Lag tre separate DIV -containere ved hjelp av "”Element og sett inn en“klasse”Attributt i hver beholder med et spesifikt navn i henhold til dine preferanser.

Trinn 3: Legg til tekst
Neste, bruk "

”Tag for å sette inn tekst i form av et avsnitt. Legg også til en "klasse”Attributt med et unikt navn. Deretter legger du inn en tekst mellom paragraf -taggen:

Linuxhint Ltd UK

Første beholder
Andre beholder
Tredje beholder

Linuxhint gir innholdet for forskjellige kategorier, inkludert Docker, HTML/CSS, Discord, PowerShell, Windows, Git Hub og mange flere.

Produksjon

Trinn 4: Få tilgang til “STR” -klassen ved å bruke * jokertegnet
Deretter spesifiserer “[Klasse*= “Str”]”Vil velge alle divelementene hvis klassenavn starter med“str”:

[klasse*= "str"]
Bakgrunn: RGB (80, 119, 250);
Farge: Hvit;

Bruk deretter følgende CSS -egenskaper på alle utvalgte elementer:

• “bakgrunn”Eiendom setter fargen for bakgrunnen til elementet.
• “farge”Tildeler den spesifikke fargen for elementet.

Trinn 5: Stiloverskrift
Få tilgang til overskriften ved hjelp av "

" stikkord:

H1
Farge: RGB (44, 3, 230);
tekst-align: sentrum;

Etter det, “farge”Eiendom brukes for å gjøre overskriften fargerik og angi “Tekstalign”Eiendomsverdi som“senter”For å senter justere teksten.

Trinn 6: Stil “Main-Div” -beholder
Få tilgang til Main Div Container ved å bruke DOT -velgeren med klassenavnet “.Main-div”:

.Main-div
Align-elementer: sentrum;
tekst-align: sentrum;
Bredde: 60%;
Margin-venstre: 80px;
Grense: 2px solid blå;

I ovennevnte kodebit:

• “Align-elementer”Eiendom setter innretningen av elementet som“senter”.
• “Tekstalign”Brukes for å fordele justeringen av teksten i elementet.
• “Align-elementer”Eiendom setter innretningen av elementet som“ Center ”.
• “margin-venstre”Setter marginen fra venstre side av elementet.
• “grense”Definerer en grense utenfor elementet som har en riktig bredde, stil og farge.

Produksjon

Det er det! Du har lært om jokertegnet * i CSS for klasse.

Konklusjon

Wildcard “*” i CSS er en velger som brukes til å velge alle elementer i henhold til den definerte verdien. Etter å ha valgt dem, kan du bruke en enkelt stylingoppsett på alle elementer. Denne tilnærmingen er nyttig når det kreves å style flere elementer som har samme klasseverdi. Denne oppskrivningen har forklart jokertegnet * i CSS for klassen.