title: Using IE conditional comments inside a stylesheet
body: <p>I know that you can use an IE conditional comment inside HTML: </p>
  
  <pre><code>&lt;!--[if IE]&gt;
    &lt;link href="ieOnlyStylesheet.css" /&gt;
  &lt;![endif]--&gt;
  </code></pre>
  
  <p>But what if I want to target only IE in a <strong>stylesheet</strong>, setting up a css rule for a specific element inside the html. For example, you can use this Chrome/Safari hack <strong>inside the css file as css code...</strong></p>
  
  <pre><code>@media screen and (-webkit-min-device-pixel-ratio:0) {
      .myClass{
          background: #fff;
          background:rgba(255,0,255,0.7);
      }
  }
  </code></pre>
  
  <p>But using the IE hack inside the CSS stylesheet like this:</p>
  
  <pre><code> &lt;!--[if IE]&gt;
        .myClass{
          background: #fff;
          background:rgba(255,0,255,0.7);
      }
   &lt;![endif]--&gt;
  </code></pre>
  
  <p>does not work. What do I use <strong>inside a stylesheet</strong> to target IE only?</p>