Bagaimanakah Lembaran Gaya CSS Mengatasi Pesanan Menentukan Keutamaan Gaya?

Tempahan Gantian Lembaran Gaya CSS

Dalam pengepala HTML, berbilang helaian gaya boleh dirujuk. Elemen melata CSS menentukan susunan lembaran gaya ini diutamakan dan mengatasi satu sama lain.

Peraturan Mengatasi

Mengikut spesifikasi CSS2, peraturan yang ditakrifkan dalam perkara berikut ambil pesanan keutamaan:

• Kekhususan: Peraturan dengan tahap kekhususan yang lebih tinggi (berdasarkan bilangan ID, kelas dan nama elemen) mempunyai keutamaan.
• Kepentingan: Perisytiharan "!penting" boleh mengatasi peraturan lain yang sama atau lebih rendah kekhususan.
• Tertib Penampilan: Apabila peraturan mempunyai kekhususan dan kepentingan yang sama, peraturan yang muncul terakhir dalam susunan melata diutamakan.

Contoh

Dalam pengepala HTML yang disediakan, "master.css" dirujuk selepas "styles.css". Oleh itu, dalam senario yang anda nyatakan, di mana "styles.css" mentakrifkan peraturan jidar dan sempadan tertentu dan "master.css" mengandungi peraturan tetapan semula umum, peraturan tersenarai terakhir dalam "master.css" akan mengatasi peraturan khusus dalam "gaya .css".

Kesimpulan

Prinsip melata dalam CSS digunakan untuk rujukan lembaran gaya serta pengisytiharan CSS individu. Dengan memahami prinsip ini, pembangun boleh mengawal penampilan halaman web mereka dengan berkesan dengan memanfaatkan susunan rujukan helaian gaya dan kekhususan peraturan CSS mereka.

Atas ialah kandungan terperinci Bagaimanakah Lembaran Gaya CSS Mengatasi Pesanan Menentukan Keutamaan Gaya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!