Kursus Pendek CSS
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 mana pemilih (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
- Lihatlah dalam helaian gaya untuk pemilih yang ditandai! Penting dan aplikasikan 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> pcllass lebih spesifik daripada p.class yang lebih spesifik daripada p.
- Akhirnya, jika dua peraturan dikenakan kepada elemen yang sama dan mempunyai pemilih yang sama, yang dimuatkan terakhir 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? .