Kako ciljati na razred CSS znotraj drugega razreda CSS

”. Nato dodelite atribut razreda za nadaljnjo uporabo.

2. korak: Naredite ugnezdene vsebnike »div«.

Nato naredite ugnezdene vsebnike div tako, da sledite istemu postopku iz 1. koraka:

< div razred = 'glavna vsebina' >

< div razred = 'miza' >

< div razred = 'vrstica' >

< div razred = 'c-levo' > Poroči se < / div >

< div razred = 'c-desno' > Jack < / div >

< div razred = 'c-levo' > Tom < / div >

< div razred = 'c-desno' > julija < / div >

< / div >

< / div >

< / div >

Izhod

---

---

3. korak: Uporabite slog na glavni vsebnik »div«.

Dostop do glavnega » div « vsebnik s pomočjo imena razreda kot » .glavna-vsebina ”:

.glavna-vsebina {

premer : 40 % ;

marža : 0 avto ;

barva : modra ;

meja : 2 slikovnih pik pikčasto modra ;

poravnava besedila : center ;

}

Tukaj:

• “ premer ” določa velikost širine elementa.
• “ marža ” dodeli prostor okoli elementa zunaj definirane meje.
• “ barva ” določa barvo za dodano besedilo v elementu.
• “ meja ” definira oris ali mejo okoli elementa v HTML.
• “ Poravnava besedila ” določa poravnavo besedila elementa.

4. korak: Oblikujte drug razred

Dostopajte do glavnega razreda CSS in drugih ugnezdenih razredov z uporabo njihovih imen. Nato nastavite širino vsebnika tako, da podate vrednost po vaši izbiri:

.glavna-vsebina .miza {

premer : 80 % ;

}

Poleg tega dostopajte do drugega razreda tako, da sledite istemu postopku kot zgoraj in uporabite lastnosti CSS, omenjene v spodnjem delčku kode:

.glavna-vsebina .c-desno {

zaslon : inline-block ;

velikost pisave : 20 slikovnih pik ;

}

Glede na zgornji delček kode:

• “ zaslon Lastnost se uporablja za nastavitev prikaza elementa.
• “ velikost pisave ” določa velikost besedila, dodanega v vsebniku.

Zdaj dostopajte do drugih razredov z uporabo iste metode in uporabite naslednje lastnosti CSS, kot je navedeno spodaj:

.glavna-vsebina .c-levo {

premer : 140 slikovnih pik ;

margin-desno : 6px ;

velikost pisave : 16 slikovnih pik ;

}

Da bi to naredili, bomo uporabili ' premer ”, “ margin-desno « in » velikost pisave ” za stilske namene.

Poleg tega dostopajte do glavnega » div ” skupaj z drugim ugnezdenim vsebnikom div z uporabo njihovega imena razreda in uporabo naslednjih lastnosti CSS

.glavni .c-desno {

premer : avto ;

velikost pisave : 15 slikovnih pik ;

barva : #fff ;

margin-desno : 20 slikovnih pik ;

teža pisave : normalno ;

}

Izhod

To je vse o ciljanju na razred CSS znotraj drugega razreda CSS.

Zaključek

Če želite ciljati na razred CSS znotraj drugega razreda CSS, najprej odprite glavni » div ” prek dodeljenega atributa razreda. Nato po istem postopku dostopajte do drugega vsebnika »div«. Poleg tega lahko uporabniki ciljajo na razred CSS znotraj drugega razreda CSS. Ta objava je prikazala metodo za ciljanje na razred CSS znotraj drugega razreda CSS.