How to inspect CSS element using chrome?

Question

I am trying to figure out how to inspect an element using Chrome. Now I know how to inspect an element, but how do I inspect a button\'s functions, like hover and <

Answer 1

When you're inspecting the element, in the styles tab, there's a "toggle element state" button. Click it to apply various pseudo-states: