title: How to get the CSS style from Inspect Element
body: <p>Is any tool / extension out there that helps me generating the CSS signature or style</p>
  
  <p>For example:</p>
  
  <p>I see a HTML object and I want to change it, I right click on my Browser ( Chrome, Firefox ) and I choose to inspect the element, there I will be able to modify any css attribute "live". Sometimes it's difficult to know which style signature would correspond to the recent changes.</p>
  
  <pre><code>element.style {
  background: none;
  }
  </code></pre>
  
  <p>My question is if there is any tool that tells you what element.style correct name would be., I think may be multiple results per style though...</p>
  
  <p>I'm already using Chrome Firebug like tools. Some elements have no style defined so it appears element.style by default when Inspecting the element. There I can start editing to see how changes would effect.</p>
  
  <p>What I'm asking for is for some tool to change this default style name: "element.style" to a whole correct path for example: .superior_div_class #the_element_you_want_to_edit</p>