How to check CSS element using chrome?

Question

I am trying to figure out how to validate an item using Chrome. Now I know how to check an element, but how can I check the functions of buttons, for example, hover and activity.

I am trying to check the Youtube login button in the upper left corner of the page. I got hover attributes, but how to check link attributes and active state?

Answer 1

When you check an item, the "Switch item item" button appears on the styles tab. Click it to apply various pseudo-states:

Answer 2

Just right-click anywhere on the page and select “View Item” from the menu. Chrome has a graphical debugging tool (like Firebug), so you can debug JavaScript or view CSS (you can even change CSS temporarily while you're there too)

For more information, see https://developers.google.com/chrome-developer-tools/