title: Disable/turn off inherited CSS3 transitions
body: <p>So I have the following CSS transitions attached to an element:</p>
  <pre><code>a { 
    -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ;  
    -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in;  
    -o-transition:color 0.1s ease-in, background-color 0.1s ease-in;  
    transition:color 0.1s ease-in, background-color 0.1s ease-in; 
  }
  </code></pre>
  <p>Is there a way to disable these inherited transitions on specific elements?</p>
  <pre><code>a.tags { transition: none; } 
  </code></pre>
  <p>Doesn't seem to be doing the job.</p>