Šiame įraše bus kalbama apie taikymą pagal CSS klasę kitoje CSS klasėje.
Kaip nukreipti CSS klasę kitoje CSS klasėje?
Jei norite taikyti CSS klasę kitoje CSS klasėje, pirmiausia sukurkite div konteinerius ir kiekviename sudėtiniame rodinyje pridėkite klasės atributų. Tada pasiekite vieną ar daugiau CSS klasių naudodami jų pavadinimą / reikšmę.
1 veiksmas: pridėkite „div“ konteinerį
Iš pradžių pridėkite div elementą naudodami „ Tada sukurkite įdėtus „div“ konteinerius, atlikdami tą pačią 1 veiksmo procedūrą: Išvestis Pasiekite pagrindinį „ div ' konteineris su klasės pavadinimo pagalba kaip ' .Pagrindinis turinys “: Čia: Pasiekite pagrindinę CSS klasę ir kitas įdėtas klases naudodami jų pavadinimus. Tada nustatykite konteinerio plotį, nurodydami vertę pagal savo pasirinkimą: Be to, pasiekite kitą klasę atlikdami tą pačią procedūrą, kaip nurodyta aukščiau, ir pritaikykite CSS ypatybes, nurodytas toliau pateiktame kodo fragmente: Pagal aukščiau pateiktą kodo fragmentą: Dabar pasiekite kitas klases naudodami tą patį metodą ir taikykite toliau nurodytas CSS ypatybes: Norėdami tai padaryti, taikysime „ plotis “, „ paraštė-dešinė “ ir „ šrifto dydis “ stiliaus tikslais. Be to, pasiekite pagrindinį div “ konteinerį kartu su kitu įdėtu „div“ konteineriu, naudodami jų klasės pavadinimą ir pritaikydami šias CSS ypatybes Išvestis Tai viskas apie taikymą pagal CSS klasę kitoje CSS klasėje. Norėdami taikyti CSS klasę kitoje CSS klasėje, pirmiausia pasiekite pagrindinį ' div “ per priskirtą klasės atributą. Tada, atlikdami tą pačią procedūrą, pasiekite kitą „div“ konteinerį. Be to, vartotojai gali taikyti CSS klasę kitoje CSS klasėje. Šis įrašas parodė metodą, kaip taikyti CSS klasę kitoje CSS klasėje.
2 veiksmas: sukurkite įdėtus „div“ konteinerius
< div klasė = 'Pagrindinis turinys' >
< div klasė = 'stalas' >
< div klasė = 'eilutė' >
< div klasė = 'c-left' > Susituokti < / div >
< div klasė = 'c-dešinė' > Domkratas < / div >
< div klasė = 'c-left' > Tomas < / div >
< div klasė = 'c-dešinė' > liepos mėn < / div >
< / div >
< / div >
< / div >
3 veiksmas: pagrindiniame „div“ konteineryje pritaikykite stilių
.Pagrindinis turinys {
plotis : 40 % ;
marža : 0 automatinis ;
spalva : mėlyna ;
siena : 2px taškuotas mėlyna ;
teksto lygiavimas : centras ;
}
4 veiksmas: sukurkite kitos klasės stilių
plotis : 80 % ;
}
ekranas : eilutinis blokas ;
šrifto dydis : 20 piks ;
}
plotis : 140 piks ;
paraštė-dešinė : 6 piks ;
šrifto dydis : 16 pikselių ;
}
plotis : automatinis ;
šrifto dydis : 15 piks ;
spalva : #fff ;
paraštė-dešinė : 20 piks ;
šrifto svoris : normalus ;
}
Išvada