Kawm Dab Tsi Cascade hauv Cov Ntawv Xiam Hloov Cascading

CSS Luv Ntev

Tus cascade yog dab tsi ua rau CSS style nplooj ntawv thiaj li pab tau. Hauv ntej, cascade qhia txog qhov kev txiav txim siab ntawm qhov tseem ceeb rau kev ua li cas tsis sib haum xeeb. Hauv lwm lo lus, yog tias koj muaj ob hom:

p {xim: liab; }
p {xim: xiav; }

Tus cascade txiav txim siab uas cov xim ntawm cov ntawv yuav tsum yog, txawm tias daim ntawv teev lus hais tias lawv yuav tsum yog xim liab thiab xiav. Thaum kawg tsuas muaj ib tsos nqaij daim tawv tuaj yeem siv tau rau cov lus qhia, yog li ntawd muaj qhov kev txiav txim.

Thiab qhov kev txiav txim no yog siv los ntawm cov uas xaiv (qhov p ntawm qhov piv txwv saum toj no) muaj qhov siab tshaj plaws thiab qhov kev txiav txim lawv tshwm hauv daim ntawv.

Cov nram qab no yog ib qho yooj yim ntawm qhov koj tus browser txiav txim siab ua ntej rau ib tus qauv:

1. Saib nyob rau hauv daim ntawv qhia style rau lub selector txuam lub caij. Yog tias tsis muaj cov cwj pwm txhais, ces siv cov cai tswj nyob rau hauv qhov browser
2. Saib hauv daim ntawv ntaus cim rau cov xaiv ua cim! Tseem ceeb thiab siv cov no rau cov ntsiab lus tsim nyog.
3. Tag nrho cov qauv hauv daim ntawv style yuav override default browser style (tshwj tsis yog hauv cov ntaub ntawv ntawm cov neeg siv cov style cov ntawv).
4. Qhov ntau ntawm cov kev xaiv selector, lub siab dua qhov nqis nws yuav muaj. Piv txwv li, div> p.class ntau dua li ntawm p.class uas muaj ntau yam tshaj p.
5. Thaum kawg, yog tias ob txoj cai siv rau tib lub caij thiab muaj tib qho kev xaiv xub thawj, qhov uas dhau los ntawm qhov kawg yuav raug siv. Hauv lwm lo lus, cov ntawv sau tau nyeem los ntawm sab saum toj mus rau nram qab kawg, thiab cwj pwm yog siv rau saum toj ntawm ib leeg.

Raws li cov cai no, hauv qhov piv txwv saum toj no, cov ntawv yuav muab sau rau hauv xiav, vim p {xim: xiav; } los kawg hauv daim ntawv qhia style.

Qhov no yog ib qho yooj yim piav qhia ntawm cov cascade. Yog tias koj xav kawm ntxiv txog qhov cascade ua haujlwm, koj yuav tsum tau nyeem Dab Tsi "Cascade" txhais tau tias nyob hauv Cascading Style Sheets? .