Apa arti "Cascade" ing Cascading Style Sheets?

Cascading Style Sheets utawa CSS sing disusun supaya sampeyan bisa duwe akeh sifat sing kabeh ndadekake unsur sing padha. Sawetara sifat kasebut bisa saling konflik. Contone, sampeyan bisa ngeset werna huruf abang ing tag paragraf banjur, mengko, nyetel warna font warna biru. Carane browser ngerti warna sing nggawe paragraf kasebut? Iki ditemtokake dening kaskade.

Jinis Lembar Gaya

Ana telung beda jinis helai gaya:

1. Gaya Sheets Pengarang
   1. Iki minangka lembar gaya digawe dening penulis kaca Web. Apa sing dianggep wong paling akeh nalika mikir babagan pola CSS.
2. Anggota Sheets Gaya
   1. Lembar gaya pangguna sing disetel dening pangguna kaca Web. Iki ngidini pangguna bisa ngontrol luwih akeh babagan tampilan kaca.
3. Anggota Sheets Style Sheets
   1. Iki gaya sing bisa ditrapake dening browser Web kanggo kaca kasebut kanggo nampilake kaca kasebut. Contone, ing XHTML, agen panganggo visual paling akeh nampilake label kasebut minangka teks sing diwatesi. Iki ditemtokake ing sheet style pangguna agen.

Properti sing ditemtokake ing saben sheet gaya ing dhuwur diwenehi bobot. Secara baku, sheet style penulis nduweni bobot paling gedhe, diikuti dening sheet style pangguna, lan pungkasane nganggo sheet style agen pengguna. Pangecualian mung kanggo iki karo aturan penting ing lambang gaya panganggo. Iki nduweni bobot luwih akeh tinimbang jinis panyusun.

Cascading Order

Kanggo mutusake masalah konflik, browser web nggunakake urutan sorting ing ngisor iki kanggo nemtokake gaya sing duwe prioritas lan bakal digunakake:

1. Kaping pisanan, goleki kabeh deklarasi sing ditrapake kanggo elemen sing ana pitakonan, lan kanggo jinis media sing diutus.
2. Banjur katon apa sheet style sing teka saka. Minangka ing ndhuwur, gaya pangarang digawe dhisik, banjur pangguna, banjur dadi agen panganggo. Kanthi gaya pangguna sing penting duwe prioritas luwih dhuwur tinimbang penulis! Gaya penting.
3. Pemilihan sing luwih spesifik yaiku, luwih cedhak bakal entuk. Contone, gaya ing "div.co p" bakal duwe prioritas luwih dhuwur tinimbang siji mung ing tag "p".
4. Pungkasan, nyusun aturan kasebut kanthi urutan sing ditetepake. Aturan sing ditetepake ing wayah wayahe ing document document duwe prioritas sing luwih dhuwur tinimbang sing ditemtokake sadurungé. Lan aturan saka sheet gaya impor dianggep sadurunge aturan langsung ing sheet gaya.