title: Right way to copy css change from chrome dev tools
body: <p>Newbie here, I am adding additional css to my wordpress theme while inspecting it with chrome dev tools.
  For example, this element has the following styles (by default, provided by my theme):</p>
  <pre><code>.product p.price {
  float: left;
  margin: 0;
  </code></pre>
  <p>}</p>
  <p>I want to add this:</p>
  <pre><code>padding: 10px 0;
  </code></pre>
  <p>And now it looks like this:</p>
  <pre><code>.product p.price {
  float: left;
  margin: 0;
  padding: 10px 0;
  </code></pre>
  <p>}</p>
  <p>When I'm done, do I have to copy the 3 lines from dev tools to my theme's additional css or just the one line I added? Does it matter if my additional css reads this:</p>
  <pre><code>.product p.price {
  padding: 10px 0;
  </code></pre>
  <p>}</p>
  <p>instead of this:</p>
  <pre><code>.product p.price {
  float: left;
  margin: 0;
  padding: 10px 0;
  </code></pre>
  <p>}</p>
  <p>Is there a right/wrong way when adding additional css to a theme?</p>