title: WooCommerce - find all classes and elements to customize via CSS
body: <p>I'm trying to modify the WooCommerce Shop, Cart, and Checkout page using CSS, and was wondering if there's a way to find out all the classes used in these pages.</p>
  
  <p>The concept that I am following is the one suggested here: <a href="http://docs.woothemes.com/document/css-structure/#section-2" rel="nofollow">http://docs.woothemes.com/document/css-structure/#section-2</a> where I can make changes on my theme's CSS. Like adding <code>a.button, button.button, input.button, #review_form #submit { background:black; }</code> to my theme's stylesheet, and so on.</p>
  
  <p>Is there a way to know these classes, or do I have to manually inspect the elements in every page and modify them based on the classes visible in it? Any advices? Thank you.</p>