title: CSS / JavaScript: Make :nth-child(n) work in IE with jQuery script?
body: <p>I’m trying to get the CSS pseudo :nth-child(n) function to work in Internet Explorer and that isn’t an easy task.</p>
  
  <p>I founded some JavaScript in jQuery to get the job done in IE but I can’t seem to get it to work. The examples I’ve tried is with unsorted lists (ul and li’s) but my CSS code (which works well in all other browsers) looks like this:</p>
  
  <pre><code>#portfolio div:nth-child(4) { some styling }
  #portfolio div:nth-child(3) { some styling }
  #portfolio div:nth-child(2) { some styling }
  </code></pre>
  
  <p>The javascript I tried to run by appending it to my existing script.js file is:</p>
  
  <pre><code>$('div#portfolio div:nth-child(4)').css({' filter:' : progid:DXImageTransform.Microsoft.Matrix(M11=0.99984770, M12=-0.01745241, M21=0.01745241, M22=0.99984770); ‘});
  </code></pre>
  
  <p>But that does not work. I’ve tried to remove the “div#portfolio” and retype it but nothing I do will make it work in IE.</p>
  
  <p>Any help would be appreciated.</p>
  
  <p>Sincere<br>
  - Mestika</p>