JSFiddle - React, Tailwind, and code Playground

by ginpei

HTML

<style id="the-style">
    #rule1 { color:red }
    #rule2 { color:green }
    #rule2 em { color:lime }
    #rule3 { color:blue }
</style>

<p id="rule1">Rule 1</p>
<p id="rule2">Rule <em>2!!</em></p>
<p id="rule3">Rule 3</p>

JavaScript

var elStyle = document.querySelector('style#the-style');
var stylesheet = elStyle.sheet;
var rules = stylesheet.cssRules;
for (var i=0; i<rules.length; i++) {
  var rule = rules[i];
  var selector = rule.selectorText;
  if (selector === '#rule2 em') {
    console.log(rule);
    // TODO: remove this rule
    break;
  }
}