I-CSS Course iDemo
I-cascade yilokho okwenza amashidi wesitayela se-CSS asebenze kakhulu. Ngamafuphi, i-cascade ichaza umyalelo wokuqala wendlela izitayela eziphikisanayo okufanele zisetshenziswe ngayo. Ngamanye amazwi, uma unezitayela ezimbili:
p {umbala: obomvu; }}
p {umbala: okwesibhakabhaka; }}
I-cascade inquma ukuthi yimiphi imibala okufanele ibe yizigaba, nakuba isitayela sesitayela sisho ukuthi kufanele bobabili babomvu futhi bayihlaza okwesibhakabhaka. Ekugcineni umbala owodwa kuphela ungasetshenziswa ezigabeni, ngakho kufanele kube khona umyalelo.
Futhi le nqubo isetshenziswa yiziphi izikhethi (i-p kusibonelo esingenhla) inokuqala okuphezulu futhi yikuphi oku-oda okuvela kulo mbhalo.
Uhlu olulandelayo ukulula ukuthi isiphequluli sakho sithatha kanjani isitayela:
- Bheka ishidi lesitayela se-selector elihambisana nesici. Uma kungekho izitayela ezichazwe, sebenzisa imithetho ezenzakalelayo kusiphequluli
- Bheka esiteji sesitayela sezinketho ezibekwe uphawu! Kubalulekile futhi usebenzise lezo zakhi ezifanele.
- Zonke izitayela zesitayela sesitayela zizokwenza ngaphezulu izitayela zesiphequluli esizenzakalelayo (ngaphandle uma kwenzeka amashidi wesitayela somsebenzisi).
- Uma ucacisa ngokwengeziwe isitayela sesitayela, ukuphakama kwakho kuyoba ngaphezulu. Isibonelo, i-div> p.class isecacile kakhulu kunep.class ecacile kakhulu kunap.
- Okokugcina, uma imithetho emibili isebenza kwisici esifanayo futhi ibe nokukhetha okufanayo, lowo owake walayishwa wokugcina uzosetshenziswa. Ngamanye amazwi, ishidi lesitayela lifundwa kusuka phezulu kuya phansi, futhi izitayela zisetshenziswa ngaphezulu komunye nomunye.
Ngokusekelwe kulawo mithetho, kusibonelo esingenhla, izigaba zizobhalwa ngokuluhlaza okwesibhakabhaka, ngoba p {umbala: okwesibhakabhaka; } ifika ekugcineni kwesitayela sesitayela.
Lena incazelo elula kakhulu ye-cascade. Uma unesithakazelo ekufundeni kabanzi mayelana nokuthi i-cascade isebenza kanjani, kufanele ufunde ukuthi "I-Cascade" isho ukuthini ku-Cascading Style Sheets? .