How to examine CSS while hovering elements using Chrome

You can examine hovered-over element’s CSS in Chrome using the Chrome DevTools.

  1. First hover over the element you want to inspect.
  2. Use the hot keys (Ctrl + Shift + C).
  3. The hover-over elements should still be active. Click on the elements you want to examine.
Advertisements

Published by

angelo bonavera

Hi I'm a web developer and I run a web hosting company called 2slick.com.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s