Hogyan célozhatunk meg egy CSS-osztályt egy másik CSS-osztályon belül

”. Ezután rendeljen hozzá egy osztály attribútumot további használatra.

2. lépés: Készítsen egymásba ágyazott „div” tárolókat

Ezután hozzon létre beágyazott div tárolókat az 1. lépésben leírtak szerint:

< div osztály = 'központi téma' >

< div osztály = 'asztal' >

< div osztály = 'sor' >

< div osztály = 'hasított' > Feleségül vesz < / div >

< div osztály = 'c-jobb' > Jack < / div >

< div osztály = 'hasított' > Tom < / div >

< div osztály = 'c-jobb' > július < / div >

< / div >

< / div >

< / div >

Kimenet

---

---

3. lépés: Alkalmazza a stílust a fő „div” tárolón

Hozzáférés a fő ' div ' konténer az osztálynév segítségével, mint ' .központi téma ”:

.központi téma {

szélesség : 40% ;

árrés : 0 auto ;

szín : kék ;

határ : 2px pontozott kék ;

szöveg igazítás : központ ;

}

Itt:

• ' szélesség ” határozza meg az elem szélességi méretét.
• ' árrés ” helyet foglal le az elem körül a meghatározott határon kívül.
• ' szín ” határozza meg az elemben hozzáadott szöveg színét.
• ' határ ” körvonalat vagy határvonalat határoz meg az elem körül a HTML-ben.
• ' Szöveg igazítás ” határozza meg az elem szövegének igazítását.

4. lépés: Hozz létre egy másik osztályt

Hozzáférhet a CSS főosztályhoz és más beágyazott osztályokhoz a nevük használatával. Ezután állítsa be a tároló szélességét az Ön választása szerinti érték megadásával:

.központi téma .asztal {

szélesség : 80% ;

}

Ezenkívül a fenti eljárást követve lépjen be a másik osztályba, és alkalmazza az alábbi kódrészletben említett CSS-tulajdonságokat:

.központi téma .c-jobbra {

kijelző : inline-blokk ;

betűméret : 20 képpont ;

}

A fenti kódrészlet szerint:

• ' kijelző ” tulajdonság egy elem megjelenítésének beállítására szolgál.
• ' betűméret ” határozza meg a tárolóba hozzáadott szöveg méretét.

Most ugyanazzal a módszerrel érje el a többi osztályt, és alkalmazza a következő CSS-tulajdonságokat az alábbiak szerint:

.központi téma .hasított {

szélesség : 140 képpont ;

margó-jobb : 6 képpont ;

betűméret : 16 képpont ;

}

Ennek érdekében alkalmazzuk a „ szélesség ”, „ margó-jobb ” és „ betűméret ” stílusozási célokra.

Ezenkívül elérheti a fő ' div ” tárolót más beágyazott div tároló mellett az osztálynevük felhasználásával, és alkalmazza a következő CSS-tulajdonságokat

.fő .c-jobbra {

szélesség : auto ;

betűméret : 15 képpont ;

szín : #fff ;

margó-jobb : 20 képpont ;

font-weight : Normál ;

}

Kimenet

Ez arról szól, hogy egy CSS-osztályt célozzon meg egy másik CSS-osztályon belül.

Következtetés

Egy másik CSS-osztályon belüli CSS-osztály célzásához először nyissa meg a fő ' div ” a hozzárendelt osztályattribútumon keresztül. Ezután ugyanazt az eljárást követve érjen el egy másik „div” tárolóhoz. Ezenkívül a felhasználók megcélozhatnak egy CSS-osztályt más CSS-osztályokon belül. Ez a bejegyzés bemutatta a CSS-osztály célzásának módszerét egy másik CSS-osztályon belül.