title: Is there any way to get IE8 to not ignore a CSS rule that it only partially understands?
body: <p>I just ran into what seems like absurd behavior to me.  If IE8 doesn't understand part of a rule it ignores the entire thing:</p>
  
  <pre><code>input[type=radio]:checked,
  input.checked {
      /* Some CSS */
  }
  </code></pre>
  
  <p>I already have IE8 specific JS adding the <code>.checked</code> class, but because it doesn't understand <code>:checked</code>, it ignores the entire thing, so I'm forced to now have several rules:</p>
  
  <pre><code>input[type=radio]:checked{
      /* Some CSS */
  }
  input.checked {
      /* The exact same CSS */
  }
  </code></pre>
  
  <p>So my question -- does anyone know of a way to get IE8 and below to ignore the <code>:checked</code> instead of throwing out the entire rule?</p>
  
  <p>Very basic example: <a href="http://jsfiddle.net/8UT56/" rel="nofollow noreferrer">http://jsfiddle.net/8UT56/</a></p>