How does this polyfill work for document.queryselectorall?

Question

I\'m trying to understand this polyfill for queryselectorall? Specifially this line:

styleTag.styleSheet.cssText = selector + \"{x:expression(document.__qsaels.         


        

Answer 1

It is abusing the expression "feature" of CSS. When computing the style of the x property (which happens on the reflow triggered by scrollBy(0, 0)), Internet Explorer will execute this snippet for all elements that match the selector.

CSS expressions are officially despised since IE 8…