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

Klassene spiller en avgjørende rolle når du diskuterer spesifikasjonen av ethvert element i CSS eller noe annet programmeringsspråk. For å uttrykke noen få stiler og effekter på HTML -komponentene, genereres klasser i CSS. Ved å gi eiendomsverdiene, kan alle CSS -egenskapene legges til klassekroppen.

Dette innlegget vil oppgi om å målrette en CSS -klasse innen en annen CSS -klasse.

Hvordan målrette CSS -klassen innen en annen CSS -klasse?

For å målrette en CSS -klasse i en annen CSS -klasse, først, lag DIV -containere og legge til klasseattributter i hver beholder. Få tilgang til en eller flere klasser i CSS ved å bruke navnet/verdien.

Trinn 1: Legg til en "div" -beholder

Til å begynne med, legg til et divelement ved hjelp av "”. Tildel deretter en klasseattributt for videre bruk.

Trinn 2: Lag nestede “div” containere

Neste, lag nestede div containere ved å følge samme prosedyre i trinn 1:

Gifte seg
Jack
Tom
Jully

Produksjon

Trinn 3: Bruk styling på Main “Div” -beholderen

Få tilgang til hoveddiv”Container ved hjelp av klassenavn som“.hovedinnhold”:

.hovedinnhold
Bredde: 40%;
Margin: 0 Auto;
Farge: blå;
Grense: 2px prikket blå;
tekst-align: sentrum;

Her:

• “bredde”Angir elementets bredde størrelse.
• “margin”Tildeler plass rundt elementet utenfor den definerte grensen.
• “farge”Definerer fargen for den ekstra teksten i elementet.
• “grense”Definerer en disposisjon eller grense rundt elementet i HTML.
• “Tekstalign”Definerer justeringen av elementets tekst.

Trinn 4: Stil en annen klasse

Få tilgang til CSS hovedklasse og andre nestede klasser ved å bruke navnene sine. Still deretter bredden på beholderen ved å spesifisere verdien i henhold til ditt valg:

.hovedinnhold .Tabell
Bredde: 80%;

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

.hovedinnhold .C-Right
Display: Inline-block;
Font-størrelse: 20px;

I henhold til ovennevnte kodebit:

• “vise”Eiendom brukes til å sette visningen av et element.
• “skriftstørrelse”Angir størrelsen på teksten som er lagt til i beholderen.

Få tilgang til de andre klassene ved å bruke den samme metoden og bruke følgende CSS -egenskaper som nevnt nedenfor:

.hovedinnhold .c-venstre
Bredde: 140px;
Margin-høyre: 6px;
Font-størrelse: 16px;

For å gjøre det, vil vi søke “bredde”,“margin-høyre”Og“skriftstørrelse”For stylingsformål.

Dessuten få tilgang til hoved "div”Container langs andre nestet div beholder ved å bruke klassenavnet sitt og bruke følgende CSS -egenskaper

.hoved- .C-Right
Bredde: Auto;
Font-størrelse: 15px;
Farge: #FFF;
Margin-høyre: 20px;
Font-vekt: normal;

Produksjon

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

Konklusjon

For å målrette en CSS -klasse innen en annen CSS -klasse, får du først få tilgang til hovedet "div”Gjennom den tildelte klasseattributtet. Få tilgang til en annen "div" -beholder ved å følge samme prosedyre. Videre kan brukere målrette seg mot en CSS -klasse innen annen CSS -klasse. Dette innlegget har vist metoden for å målrette en CSS -klasse innen en annen CSS -klasse.