CSS sözde sınıflarını firebug ile nasıl denetlerim?

Question

Aşırı yükleyemediğim bir isteksiz a:hover css stili ile uğraşıyorum.

Öğeyi Firebug'da incelemeye çalıştım ancak neden çalışmadığını göremiyorum. Firebug'da a:hover css etkinliğinin nasıl düzgün bir şekilde denetlendiğini bile göremiyorum. Firebug http://blog.borngeek.com/2010/04/16/hover-inspection-in-firebug/
yılında
Hover Muayene ama orada belirtilen adımları çoğaltmak nasıl çözemedim:

gördüğüm.

Ayrıca: Sözde Hayaletler http://meyerweb.com/eric/thoughts/2009/11/03/pseudo-phantoms/

nasıl Firebug ile :hover gibi/ayıklama BB sözde sınıfları incelemek mı?

Answer 1

Oldukça kolay. Sadece incelemek istediğiniz elemanı seçin. Ve sonra, sağ taraftaki panelden, Style menü maddesine tıklayın. Orada sözde sınıfını :hover

DÜZENLEME seçebilir

İşte bir görüntü bu: Ayrıca

Answer 2

Orada INSPECT ELEMAN seçeneği sadece Firefox + Firebug süpürdü elemana rightclick ve onu bu. Stil menüsü de çok kullanışlıdır.

Answer 3

Böyle bir sorunu çözerken yararlı bir teknik, vurgulu durumu ve gezinmeyan durumu karşılaştırmak olabilir. Tarayıcının iki örneğini açın (çift veya üçlü ekran kurulumu yararlıdır), üzerinde çalıştığınız sayfayı her pencereye yükleyin, sonra da JohnP'un yanıtında bir pencerede vurgulu durumun stillerini görüntülemek için yaptığı cevabı yapın. diğerinde olmayan hover ve analizleri oradan al. Stil açılır kapanır gerçek css detay bölmesini kapladığı stilleri karşılaştırmak için Firebug'de beceriksizdir, ve üzerinde çalıştığınız öğenin üstünde ve dışında fareyi hareket ettirerek Firefox'ta vurgulu ve durgun olmayan durum css'sini görüntüleyebilirsiniz. Bu şekilde bir karşılaştırma daha zor.