Ako zacieliť triedu CSS v rámci inej triedy CSS

“. Potom priraďte atribút triedy na ďalšie použitie.

Krok 2: Vytvorte vnorené kontajnery „div“.

Potom vytvorte vnorené kontajnery div podľa rovnakého postupu ako v kroku 1:

< div trieda = 'hlavný obsah' >

< div trieda = 'stôl' >

< div trieda = 'riadok' >

< div trieda = 'c-vľavo' > Oženiť sa < / div >

< div trieda = 'c-vpravo' > Jack < / div >

< div trieda = 'c-vľavo' > Tom < / div >

< div trieda = 'c-vpravo' > júla < / div >

< / div >

< / div >

< / div >

Výkon

---

---

Krok 3: Použite štýl na hlavný kontajner „div“.

Prístup k hlavnému „ div ” kontajner s pomocou názvu triedy ako “ .hlavný obsah “:

.hlavný obsah {

šírka : 40 % ;

marža : 0 auto ;

farba : Modrá ;

hranica : 2px bodkovaný Modrá ;

zarovnanie textu : stred ;

}

Tu:

• “ šírka “ určuje veľkosť šírky prvku.
• “ marža ” prideľuje priestor okolo prvku mimo definovanej hranice.
• “ farba “ definuje farbu pridaného textu v prvku.
• “ hranica ” definuje obrys alebo hranicu okolo prvku v HTML.
• “ Zarovnanie textu “ definuje zarovnanie textu prvku.

Krok 4: Vytvorte štýl inej triedy

Získajte prístup k hlavnej triede CSS a iným vnoreným triedam pomocou ich názvov. Potom nastavte šírku kontajnera zadaním hodnoty podľa vášho výberu:

.hlavný obsah .stôl {

šírka : 80 % ;

}

Okrem toho získajte prístup k ďalšej triede podľa rovnakého postupu ako vyššie a použite vlastnosti CSS uvedené v útržku kódu nižšie:

.hlavný obsah .c-vpravo {

displej : inline-blok ;

veľkosť písma : 20 pixelov ;

}

Podľa vyššie uvedeného útržku kódu:

• “ displej Vlastnosť ” sa používa na nastavenie zobrazenia prvku.
• “ veľkosť písma ” určuje veľkosť textu pridaného do kontajnera.

Teraz pristupujte k ostatným triedam pomocou rovnakej metódy a aplikujte nasledujúce vlastnosti CSS, ako je uvedené nižšie:

.hlavný obsah .c-vľavo {

šírka : 140 pixelov ;

okraj-pravý : 6px ;

veľkosť písma : 16 pixelov ;

}

Na tento účel použijeme „ šírka “, “ okraj-pravý “ a „ veľkosť písma “ na účely stylingu.

Okrem toho získate prístup k hlavnému „ div ” spolu s iným vnoreným kontajnerom div použitím ich názvu triedy a použitím nasledujúcich vlastností CSS

.Hlavná .c-vpravo {

šírka : auto ;

veľkosť písma : 15 pixelov ;

farba : #fff ;

okraj-pravý : 20 pixelov ;

font-weight : normálne ;

}

Výkon

To je všetko o zacielení triedy CSS v rámci inej triedy CSS.

Záver

Ak chcete zacieliť na triedu CSS v rámci inej triedy CSS, najprv prejdite na hlavnú „ div ” prostredníctvom priradeného atribútu triedy. Potom vstúpte do iného kontajnera „div“ podľa rovnakého postupu. Okrem toho môžu používatelia zacieliť na triedu CSS v rámci inej triedy CSS. Tento príspevok demonštroval metódu zacielenia na triedu CSS v rámci inej triedy CSS.