Bagaimanakah Saya Memeriksa Keadaan :hover dalam Chrome DevTools?

Memeriksa Keadaan :hover dalam Alat Pembangun Chrome

Dalam Alat Pembangun Chrome, anda mungkin menghadapi kesukaran mencari pilihan untuk melihat gaya :hover dibandingkan ke lungsur turun gaya intuitif Firebug. Walau bagaimanapun, Chrome menyediakan keupayaan yang serupa.

Melihat Peraturan Kelas Pseudo

Untuk memeriksa peraturan kelas pseudo seperti :tuding dalam anak tetingkap Gaya, ikut langkah berikut:

1. Klik teks kecil ":hov" yang dipaparkan di bahagian atas sebelah kanan panel.

Keadaan Elemen Memaksa

Chrome juga membenarkan anda memaksa elemen ke dalam keadaan tertentu:

1. Betul- klik elemen yang anda ingin periksa.
2. Pilih ":hover" daripada konteks menu.

Petua Tambahan

Untuk panduan lanjut tentang bekerja dalam Alat Pembangun Chrome, pertimbangkan sumber berikut:

• [ Periksa Panel Elemen dalam Chrome DevTools](https://developers.google.com/web/tools/chrome-devtools/inspect-elements)
• [Pintasan papan kekunci dalam Chrome DevTools](https://developers.google.com/web /tools/chrome-devtools/pintasan)

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