Jak zacílit třídu CSS uvnitř jiné třídy CSS

“. Potom přidělte atribut třídy pro další použití.

Krok 2: Vytvořte vnořené kontejnery „div“.

Dále vytvořte vnořené kontejnery div podle stejného postupu jako v kroku 1:

< div třída = 'hlavní obsah' >

< div třída = 'stůl' >

< div třída = 'řádek' >

< div třída = 'rozštěp' > Oženit se < / div >

< div třída = 'c-vpravo' > Zvedák < / div >

< div třída = 'rozštěp' > Tome < / div >

< div třída = 'c-vpravo' > červenec < / div >

< / div >

< / div >

< / div >

Výstup

---

---

Krok 3: Použijte styling na hlavní kontejner „div“.

Přístup k hlavnímu „ div ” kontejner s pomocí názvu třídy jako “ .hlavní obsah “:

.hlavní obsah {

šířka : 40 % ;

okraj : 0 auto ;

barva : modrý ;

okraj : 2px tečkovaný modrý ;

zarovnání textu : centrum ;

}

Tady:

• “ šířka “ určuje velikost šířky prvku.
• “ okraj ” přiděluje prostor kolem prvku mimo definovanou hranici.
• “ barva ” definuje barvu pro přidaný text v prvku.
• “ okraj ” definuje obrys nebo hranici kolem prvku v HTML.
• “ Zarovnání textu “ definuje zarovnání textu prvku.

Krok 4: Upravte další třídu

Získejte přístup k hlavní třídě CSS a dalším vnořeným třídám pomocí jejich názvů. Poté nastavte šířku kontejneru zadáním hodnoty podle vašeho výběru:

.hlavní obsah .stůl {

šířka : 80 % ;

}

Kromě toho přistupte k další třídě podle stejného postupu jako výše a použijte vlastnosti CSS uvedené v níže uvedeném fragmentu kódu:

.hlavní obsah .c-vpravo {

Zobrazit : inline-blok ;

velikost písma : 20 pixelů ;

}

Podle výše uvedeného fragmentu kódu:

• “ Zobrazit Vlastnost ” se používá pro nastavení zobrazení prvku.
• “ velikost písma ” určuje velikost textu přidaného do kontejneru.

Nyní přistupte k ostatním třídám pomocí stejné metody a použijte následující vlastnosti CSS, jak je uvedeno níže:

.hlavní obsah .rozštěp {

šířka : 140 pixelů ;

okraj-pravý : 6px ;

velikost písma : 16px ;

}

K tomu použijeme „ šířka “, “ okraj-pravý ' a ' velikost písma “ pro účely stylingu.

Navíc přístup k hlavnímu „ div ” spolu s jiným vnořeným kontejnerem div použitím jejich názvu třídy a použitím následujících vlastností CSS

.hlavní .c-vpravo {

šířka : auto ;

velikost písma : 15 pixelů ;

barva : #fff ;

okraj-pravý : 20 pixelů ;

tloušťka písma : normální ;

}

Výstup

To je vše o cílení třídy CSS uvnitř jiné třídy CSS.

Závěr

Chcete-li cílit na třídu CSS v rámci jiné třídy CSS, nejprve otevřete hlavní „ div ” prostřednictvím přiřazeného atributu třídy. Poté stejným postupem přejděte k jinému kontejneru „div“. Kromě toho mohou uživatelé cílit na třídu CSS v rámci jiné třídy CSS. Tento příspěvek demonstroval metodu cílení na třídu CSS v rámci jiné třídy CSS.