title: Selectivizr.js won't work in respond.js
body: <p>I'm using <a href="https://github.com/scottjehl/Respond" rel="nofollow">Respond.js</a> so that I can create a responsive page in <strong>IE8</strong>. And it works fine. </p>
  
  <p>But, I am also using <a href="http://selectivizr.com/" rel="nofollow">Selectivizr.js</a> so that I can use CSS3 <code>:nth-child</code> selector in <strong>IE8</strong>, which also works fine.</p>
  
  <p>The problem is that the <code>nth-child</code> selector won't work if it is in a <em>responsive point</em>.</p>
  
  <p>For example, this <strong>won't</strong> work:</p>
  
  <pre><code>@media screen and (min-width:980px){
  
      .center_crni_linkovi a:nth-child(4n){
          margin:10px 0px 10px 10px;
      }
  
      .center_crni_linkovi a:nth-child(4n+1){
         margin:10px 10px 10px 0;
      }
  
  }
  </code></pre>
  
  <p>But if I put the <em>style</em> outside the <em>responsive point</em>, it <strong>works</strong> fine. But then I can't use a <em>specific style</em> for this specific <em>responsive point</em>. </p>
  
  <p>How to make it work ?</p>