Google Chrome’s Inspect Element (Right Click » Inspect Element) is one of my favorite tools for looking over web pages. I find it especially useful when hunting for problems in the CSS of a page.

Double click on a CSS class, id, web page contents, etc. and change it to see what affect the change has on the page!

What better way to test things?

You can look at which CSS rules are affecting which elements (notice the highlight in the image, and how you can see why the UL list is displayed inline and not as a list-item).

You can use the element hierarchy to construct nice CSS rules.

There’s all sorts of other stuff.

—— Netlumination Portland Web Design and Development

Google Chrome’s Inspect Element (Right Click » Inspect Element) is one of my favorite tools for looking over web pages. I find it especially useful when hunting for problems in the CSS of a page.

Double click on a CSS class, id, web page contents, etc. and change it to see what affect the change has on the page!

What better way to test things?

You can look at which CSS rules are affecting which elements (notice the highlight in the image, and how you can see why the UL list is displayed inline and not as a list-item).

You can use the element hierarchy to construct nice CSS rules.

There’s all sorts of other stuff.

—— Netlumination Portland Web Design and Development