Kan jeg velge elementer som har flere klasser

Ja, det er mulig å velge elementene som er tilknyttet flere klasser. I et HTML -dokument brukes CSS -velgere til å referere til klassene som er opprettet i HTML -kroppen for å bruke egenskaper i disse elementene. Klassen velgerne starter med en prikk “.”Symbol og da er det nøyaktige navnet på klassen skrevet.

Når det kreves å velge elementet som ikke bare tilhører en klasse, er navnene på alle klassene skrevet i stilelementet som starter med prikksymbolet nøyaktig slik en enkelt klasse er valgt. Velgerne skal ikke ha noe mellomrom mellom hverandre. Det er heller ingen grense for å legge til antall utvalgere mens du velger et element.

Hvordan velge elementer som har flere klasser?

Syntaksen for å velge elementet som har flere klasser er som følger:

.Klasse1.Klasse2.Klasse3.klasse4…
/ * CSS -egenskaper */

I syntaks ovenfor er det lagt til flere klasseselgere (i.e., klasse1, klasse2, klasse3, klasse4 og så videre) ved å bruke “.”Symbol.

La oss forstå hvordan du kan legge til flere klasseselger for å velge det tilknyttede elementet praktisk talt med et enkelt eksempel.

Eksempel: Velge et element med flere klasser

I følge det gitte kodebiten er det tre forskjellige elementer (overskrifter) og det første elementet har tre klasser, i.e., Klasse1, klasse2 og klasse3:

Dette er den første linjen ... dette elementet har 3 klasser!!

Dette er den andre linjen ..

Dette er den tredje linjen ..

For å velge elementet som har flere klasser (Class1, Class2, Class3) i CSS -stilelementet, vil klassen Selectors ganske enkelt legges til uten noe mellomrom mellom dem:

.Klasse1.Klasse2.klasse3
Farge: Hvit;
Borderfarge: Svart;
Border-stil: Solid;
Bakgrunnsfarge: Darkcyan;

Dette vil anvende de definerte CSS -egenskapene på elementet som har klasse1, klasse2 og klasse3 og vil generere følgende utgang:

Slik kan du velge elementer som tilhører flere klasser.

Konklusjon

Utviklerne kan velge elementet som har flere klasser ved å legge til flere klasseselgere i CSS -stilelementet som refererer til alle klassene elementet er assosiert med. Klassevalgene blir lagt til i stilelementet uten mellomrom mellom hverandre. Dessuten er det heller ingen begrensning til antall klasselyster som er lagt til i stilelementet. Denne bloggen er en god guide om metoden for å velge elementene som har flere klasser.