Lata adalah apa yang membuat helaian gaya CSS sangat berguna. Pendek kata, lata mentakrifkan urutan keutamaan untuk bagaimana gaya bercanggah perlu digunakan. Dengan kata lain, jika anda mempunyai dua gaya:
p {color: red; }p {color: blue; }
Lata tersebut menentukan warna yang harus dipakai, walaupun lembaran gaya menyatakan bahawa mereka harus merah dan biru. Akhirnya hanya satu warna yang boleh digunakan untuk perenggan, jadi harus ada perintah. Dan perintah ini digunakan oleh pemilih (the p dalam contoh di atas) mempunyai keutamaan yang paling tinggi dan perintah yang mereka tunjukkan dalam dokumen itu.
Senarai berikut adalah penyederhanaan bagaimana penyemak imbas anda menentukan keutamaan untuk gaya:
- Lihatlah dalam helaian gaya untuk pemilih yang sepadan dengan elemen. Sekiranya tiada gaya yang ditakrifkan, maka gunakan peraturan lalai dalam penyemak imbas
- Lihat dalam helaian gaya bagi pemilih yang ditandai
! pentingdan memohon mereka kepada elemen yang sesuai. - Semua gaya dalam helaian gaya akan menimpa gaya pelayar lalai (kecuali dalam kes helaian pengguna).
- Yang lebih spesifik pemilih gaya, semakin tinggi keutamaannya akan ada. Sebagai contoh,
div> p.classlebih spesifik daripadap.classyang lebih spesifik daripadap. - Akhir sekali, jika dua peraturan terpakai kepada elemen yang sama dan mempunyai pemilih yang sama, yang dimuatkan lepas akan digunakan. Dengan kata lain, helaian gaya dibaca dari atas ke bawah, dan gaya digunakan di atas satu sama lain.
Berdasarkan peraturan tersebut, dalam contoh di atas, perenggan akan ditulis dengan warna biru, kerana p {color: blue; } datang terakhir dalam helaian gaya.
Ini adalah penjelasan yang sangat ringkas dari kaskade. Sekiranya anda berminat untuk mengetahui lebih lanjut mengenai cara kerja lata, anda harus membaca Apa maksud "Cascade" dalam Lembaran Gaya Cascading ?.
