JSFiddle - React, Tailwind, and code Playground

HTML

<div>div Not fixed</div>


<div style="position:fixed" id="e">
    div#e<br />
    1. Style: #e position: static !important<br />
    2. Inline style: position: fixed does not override 1.
</div>


<a>a<br />
   Style: a position:fixed;</a>

CSS

body {
    font-family: monospace;
}
#e{position:static !important;}
a{position:fixed;}

JavaScript

var possibilities = ['[style*="position:fixed"],[style*="position: fixed"]'],
    searchFor = /\bposition:\s*fixed;/,
    cssProp = 'position',
    cssValue = 'fixed',
    styles = document.styleSheets,
    i, j, l, rules, rule, elem, res = [];

for (i=0; i<styles.length; i++) {
    rules = styles[i].cssRules;
    l = rules.length;
    for (j=0; j<l; j++) {
        rule = rules[j];
        if (searchFor.test(rule.cssText)) {
            possibilities.push(rule.selectorText);
        }
    }
}
possibilities = possibilities.join(',');
possibilities = document.querySelectorAll(possibilities);
l = possibilities.length;
for (i=0; i<l; i++) {
   elem = possibilities[i];
   if (window.getComputedStyle(elem, null).getPropertyValue(cssProp) === cssValue) {
       res.push(elem);
   }
}
alert(res.length + ' matches!');