Bagaimanakah Saya Boleh Memeriksa Gaya :hover dalam Chrome DevTools?

Periksa :hover Gaya dalam Alat Pembangun Chrome

Apabila memeriksa gaya elemen dalam Chrome, anda mungkin mahu melihat gaya yang digunakan apabila elemen berada dalam keadaan :hover. Tidak seperti Firebug, yang menyediakan menu lungsur mudah untuk memilih keadaan elemen, Alat Pembangun Chrome mungkin kelihatan kekurangan fungsi ini.

Mencari Tempat Sembunyi

Jangan takut! Alat Pembangun Chrome sememangnya membenarkan anda untuk memeriksa gaya :hover.

Untuk mengakses gaya ini, navigasi ke panel Elemen dalam Alat Pembangun Chrome dan klik pada teks ":hov" kecil yang dipaparkan di penjuru kanan sebelah atas daripada anak tetingkap Gaya. Ini akan menogol paparan peraturan kelas pseudo, termasuk :hover.

Memaksa Keadaan Hover

Selain itu, anda boleh memaksa elemen ke dalam :hover nyatakan untuk memudahkan pemeriksaan. Klik kanan elemen dan pilih ":hover" daripada menu konteks. Ini akan menggunakan gaya :hover pada elemen, membolehkan anda melihat kesannya.

Sumber Tambahan

Untuk mendapatkan lebih banyak cerapan tentang panel elemen dalam Pembangun Chrome Alatan, rujuk panduan komprehensif tentang Pintasan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memeriksa Gaya :hover dalam Chrome DevTools?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!