Bagaimana Saya Boleh Memeriksa :hover States dalam Chrome DevTools?

Memeriksa Negeri :hover dalam Alat Pembangun Chrome

Dalam pembangunan web, selalunya perlu untuk memeriksa penggayaan elemen dalam pelbagai keadaan, termasuk keadaan :hover. Walaupun Firebug menawarkan menu lungsur gaya yang mudah untuk memilih keadaan yang berbeza, Alat Pembangun Chrome mungkin kelihatan kurang dalam hal ini.

Mendedahkan Pilihan Keadaan :hover Tersembunyi

Walau bagaimanapun, Alat Pembangun Chrome sememangnya menyediakan keupayaan untuk lihat dan manipulasi :keadaan hover. Untuk mengakses pilihan ini:

• Navigasi ke anak tetingkap Gaya dalam Alat Pembangun Chrome.
• Klik pada teks ":hov" kecil yang terletak di penjuru kanan sebelah atas anak tetingkap Gaya. Ini akan memaparkan senarai peraturan kelas pseudo, termasuk :hover.

Forcing :hover State

Selain itu, anda boleh memaksa elemen ke dalam :hover state untuk pemeriksaan yang lebih mudah:

• Klik kanan pada elemen dalam panel Elemen.
• Pilih ": hover" daripada menu konteks. Ini akan menggunakan gaya :hover buat sementara waktu.

Petua untuk Menggunakan Panel Elemen

• Untuk kembali kepada keadaan lalai, cuma klik pada ":default" dalam menu lungsur keadaan Elemen.
• Untuk mendapatkan maklumat lanjut tentang bekerja dengan panel Elemen, rujuk Alat Pembangun Chrome Pintasan.

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