Bagaimanakah Saya Mengenalpasti Peraturan CSS Mengatasi dalam Chrome DevTools?

Mengenal pasti Peraturan CSS Mengatasi dengan Chrome DevTools

Apabila menggunakan Alat Pembangun Chrome untuk menyiasat penggayaan CSS, anda mungkin menghadapi situasi di mana gaya ditandakan sebagai diganti. Untuk menentukan peraturan khusus yang mengatasinya, ikut langkah berikut:

1. Buka Pemeriksa Elemen: Pilih elemen yang gayanya ingin anda periksa. Klik kanan dan pilih "Inspect Element" atau gunakan pintasan papan kekunci "Ctrl Shift C".
2. Cari Panel Gaya Dikira: Dalam panel sebelah kanan Inspektor, klik pada tab "Dikira".
3. Kembangkan Harta: Kenal pasti sifat CSS yang ditindih. Klik pada anak panah di sebelah nama sifat untuk mengembangkannya.
4. Semak Peraturan Berkenaan: Sifat yang dikembangkan akan memaparkan senarai semua peraturan CSS yang digunakan pada elemen, termasuk yang diganti. peraturan.
5. Kenal pasti Peraturan Kemenangan: Peraturan yang pada masa ini mempunyai kekhususan paling tinggi (berdasarkan lata CSS) akan diserlahkan dan ditandakan sebagai peraturan "menang".

Contoh:

Jika sifat CSS "warna" ditindih, anda akan melihat senarai semua peraturan yang mentakrifkan sifat "warna" untuk elemen tersebut. Peraturan "menang", yang mempunyai kekhususan tertinggi, akan ditandakan dengan berat fon yang lebih tebal dan tanda semak hijau gelap.

Atas ialah kandungan terperinci Bagaimanakah Saya Mengenalpasti Peraturan CSS Mengatasi dalam Chrome DevTools?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!