Bagaimanakah Saya Boleh Cari Peraturan CSS Khusus Mengatasi Gaya dalam Chrome DevTools?

Menyingkap Peraturan CSS Pengganti dalam Alat Pembangun Chrome

Memeriksa elemen web dalam Alat Pembangun Chrome sering mendedahkan gaya yang diganti. Namun, mencari peraturan yang bertanggungjawab untuk penggantian sedemikian boleh menjadi agak menakutkan. Walau bagaimanapun, jangan takut, kerana Chrome menyediakan mekanisme yang bijak untuk menyelesaikan isu ini.

Menyingkap Peraturan Gaya Mengatasi

Untuk mengesan peraturan utama, selidiki Gaya Dikira panel pemeriksa elemen. Kembangkan sifat gaya khusus yang anda minati. Voilà! Anda akan diberikan senarai semua peraturan CSS yang berkenaan, yang menunjukkan pemenang yang menang yang bertanggungjawab untuk menimpa gaya anda yang diperhatikan.

Sebagai contoh, mari kita terokai elemen dengan sifat "saiz fon" yang diganti. Memperluas sifat ini dalam panel Gaya Dikira akan menghasilkan sesuatu seperti ini:

font-size: 16px;
   - overridden by <link href="style2.css" rel="stylesheet"> line 10
   - origin: <inline style>

Ini memberitahu kita bahawa nilai "saiz fon" asal telah ditetapkan sebaris, tetapi penggantian datang daripada "style2.css" pada baris 10. Semudah itu!

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