Bagaimanakah Saya Melihat dan Memanipulasi Gaya :hover dalam Chrome DevTools?

Melihat :hover State dalam Alat Pembangun Chrome

Tidak seperti Firebug, yang menyediakan menu lungsur gaya khusus untuk memilih keadaan elemen, Alat Pembangun Chrome menawarkan kaedah yang lebih halus untuk مشاهده:hover gaya.

Penyelesaian:

Untuk mengakses peraturan :hover dan memanipulasi keadaannya:

1. Dayakan Paparan Kelas Pseudo : Klik teks ":hov" kecil di bahagian atas sebelah kanan anak tetingkap Gaya. Ini akan memaparkan peraturan :hover bersama peraturan CSS biasa.
2. Force :hover State: Klik kanan elemen yang dikehendaki dalam panel Elements dan pilih ":hover" daripada menu konteks . Ini akan memaksa elemen ke dalam keadaan tuding, membolehkan anda memeriksa gaya yang digunakannya.

Petua Tambahan:

• Untuk lebih banyak pintasan papan kekunci dan ciri dalam panel Elemen, rujuk kepada dokumentasi Pintasan Alat Pembangun Chrome.
• Sebagai alternatif, anda boleh menggunakan Sambungan Chrome "Togol Keadaan Elemen" untuk bertukar dengan cepat antara keadaan elemen yang berbeza.

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