DZone
Web Dev Zone
Thanks for visiting DZone today,
Edit Profile
  • Manage Email Subscriptions
  • How to Post to DZone
  • Article Submission Guidelines
Sign Out View Profile
  • Post an Article
  • Manage My Drafts
Over 2 million developers have joined DZone.
Log In / Join
  • Refcardz
  • Trend Reports
  • Webinars
  • Zones
  • |
    • Agile
    • AI
    • Big Data
    • Cloud
    • Database
    • DevOps
    • Integration
    • IoT
    • Java
    • Microservices
    • Open Source
    • Performance
    • Security
    • Web Dev
DZone > Web Dev Zone > How to inspect css hover , active property using firebug

How to inspect css hover , active property using firebug

Sachin Khosla user avatar by
Sachin Khosla
·
Aug. 30, 11 · Web Dev Zone · Interview
Like (0)
Save
Tweet
4.98K Views

Join the DZone community and get the full member experience.

Join For Free

i am sure that while design and development of a website you definitely want to see the :hover property of an element using your favorite addon in firefox called firebug . but i have found that many newbie developers do not know how to see this property. default settings of firebug shows only the “default style” and not the “pesudo style” .

to see the pseudo styles follow the steps below -

  1. activate the element inspector on the link which needs to be updated.
  2. select the :hover pseudo-class menu item in the style tab’s drop-down menu (on the right hand panel) as shownin the image below. firebug style hover inspect how to inspect css hover , active property using firebug
  3. edit the css rules as usual.

that is a small but nifty trick. i am sure it will save you some time while debugging css. hope it helps.

from http://www.digimantra.com/firefox/inspect-css-hover-activ-property-firebug

Property (programming)

Opinions expressed by DZone contributors are their own.

Popular on DZone

  • C++ Creator Bjarne Stroustrup Interview
  • The Importance of Semantics for Data Lakehouses
  • What Is High Cardinality?
  • Purpose-Driven Microservice Design

Comments

Web Dev Partner Resources

X

ABOUT US

  • About DZone
  • Send feedback
  • Careers
  • Sitemap

ADVERTISE

  • Advertise with DZone

CONTRIBUTE ON DZONE

  • Article Submission Guidelines
  • MVB Program
  • Become a Contributor
  • Visit the Writers' Zone

LEGAL

  • Terms of Service
  • Privacy Policy

CONTACT US

  • 600 Park Offices Drive
  • Suite 300
  • Durham, NC 27709
  • support@dzone.com
  • +1 (919) 678-0300

Let's be friends:

DZone.com is powered by 

AnswerHub logo