IE7 querySelectorAll polyfill

qsa-polyfill-ie7.js

if (!document.querySelectorAll) {
    document.querySelectorAll = function(selector) {
        var doc = document,
            head = doc.documentElement.firstChild,
            styleTag = doc.createElement('STYLE');
        head.appendChild(styleTag);
        doc.__qsaels = [];

        styleTag.styleSheet.cssText = selector + "{x:expression(document.__qsaels.push(this))}";
        window.scrollBy(0, 0);

        return doc.__qsaels;
    }
}

qsa-polyfill-ie7.min.js

document.querySelectorAll||(document.querySelectorAll=function(a){var b=document,c=b.documentElement.firstChild,d=b.createElement("STYLE");return c.appendChild(d),b.__qsaels=[],d.styleSheet.cssText=a+"{x:expression(document.__qsaels.push(this))}",window.scrollBy(0,0),b.__qsaels});

Error ! TypeError: Cannot set property 'cssText' of undefined

I need support for selectors like a:not(:last-child). This polyfill doesn't help me in that area.

For the cssText bug:
http://stackoverflow.com/questions/5618742/ie-8-and-7-bug-when-dynamically-adding-a-stylesheet

This doesn't work for IE7 or down, you can still select all with jQuery.

Javascript

var elements = document.querySelectorAll('.all-elements-with-this-id');

jQuery:

var elements = $('.all-elements-with-this-id');

I'm not massively surprised it doesn't work. This was pulled off StackOverflow 8 years ago and it worked for a limited set of scenarios that I needed when building software for clients who still used IE7. If you aren't having any luck with this then I'd recommend looking for a real alternative to this!