Hvordan målrette en CSS-klasse i en annen CSS-klasse

'. Deretter tildeler du et klasseattributt for videre bruk.

Trinn 2: Lag nestede 'div'-beholdere

Deretter lager du nestede div-beholdere ved å følge samme prosedyre i trinn 1:

< div klasse = 'hovedinnhold' >

< div klasse = 'bord' >

< div klasse = 'rad' >

< div klasse = 'c-venstre' > Gifte seg < / div >

< div klasse = 'c-høyre' > Jack < / div >

< div klasse = 'c-venstre' > Tom < / div >

< div klasse = 'c-høyre' > juli < / div >

< / div >

< / div >

< / div >

Produksjon

---

---

Trinn 3: Påfør styling på hovedbeholderen 'div'.

Få tilgang til hoved div '-beholder ved hjelp av klassenavn som ' .hovedinnhold ':

.hovedinnhold {

bredde : 40 % ;

margin : 0 auto ;

farge : blå ;

grense : 2px prikkete blå ;

tekstjustering : senter ;

}

Her:

• ' bredde ' spesifiserer elementets breddestørrelse.
• ' margin ” tildeler plass rundt elementet utenfor den definerte grensen.
• ' farge ” definerer fargen for den tilføyde teksten i elementet.
• ' grense ” definerer en disposisjon eller grense rundt elementet i HTML.
• ' Tekstjuster ' definerer justeringen av elementets tekst.

Trinn 4: Style en annen klasse

Få tilgang til CSS-hovedklassen og andre nestede klasser ved å bruke navnene deres. Angi deretter bredden på beholderen ved å spesifisere verdien i henhold til ditt valg:

.hovedinnhold .bord {

bredde : 80 % ;

}

I tillegg får du tilgang til den andre klassen ved å følge samme prosedyre som ovenfor og bruke CSS-egenskapene nevnt i kodebiten nedenfor:

.hovedinnhold .c-høyre {

vise : inline-blokk ;

skriftstørrelse : 20 piksler ;

}

I henhold til kodebiten ovenfor:

• ' vise ”-egenskapen brukes til å angi visningen av et element.
• ' skriftstørrelse ” spesifiserer størrelsen på teksten som er lagt til i beholderen.

Nå, få tilgang til de andre klassene ved å bruke samme metode og bruk følgende CSS-egenskaper som nevnt nedenfor:

.hovedinnhold .c-venstre {

bredde : 140 piksler ;

marg-høyre : 6 px ;

skriftstørrelse : 16 piksler ;

}

For å gjøre det, vil vi søke ' bredde ', ' marg-høyre ' og ' skriftstørrelse ' for stylingformål.

I tillegg får du tilgang til de viktigste ' div ”-beholder sammen med andre nestede div-beholdere ved å bruke klassenavnet deres og bruke følgende CSS-egenskaper

.hoved .c-høyre {

bredde : auto ;

skriftstørrelse : 15 piksler ;

farge : #fff ;

marg-høyre : 20 piksler ;

font-vekt : normal ;

}

Produksjon

Det handler om å målrette en CSS-klasse i en annen CSS-klasse.

Konklusjon

For å målrette mot en CSS-klasse innenfor en annen CSS-klasse, gå først til hoved- div ' gjennom det tildelte klasseattributtet. Deretter får du tilgang til en annen 'div'-beholder ved å følge samme prosedyre. Videre kan brukere målrette mot en CSS-klasse innenfor andre CSS-klasser. Dette innlegget har demonstrert metoden for å målrette en CSS-klasse innenfor en annen CSS-klasse.