title: Reset/remove CSS styles for element only
body: <p>I'm sure this must have been mentioned/asked before but have been searching for an age with no luck, my terminology must be wrong!</p>
  
  <p><strong>I vaguely remember a tweet I saw a while ago that suggested that there was a css rule available that would remove any styles previously set in the stylesheet for a particular element.</strong></p>
  
  <p>A good use example might be in a mobile-first RWD site where much of the styling used for a particular element in the small-screen views needs 'resetting' or removing for the same element in the desktop view.</p>
  
  <p>A css rule that could achieve something like:</p>
  
  <pre><code>.element {
    all: none;
  }
  </code></pre>
  
  <p>Example usage:</p>
  
  <pre><code>/* mobile first */
  .element {
     margin: 0 10;
     transform: translate3d(0, 0, 0);
     z-index: 50;
     display: block;
     etc..
     etc..
  }
  
  @media only screen and (min-width: 980px) {
    .element {
      all: none;
    }
  }
  </code></pre>
  
  <p>So we could quickly remove or re-set styling without having to declare every property.</p>
  
  <p><em>Makes sense?</em></p>