JSFiddle - React, Tailwind, and code Playground

by heera

HTML

<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<!-- check the source to make sure that it's `!important value is gone` -->
<div class="col">Color</div>

CSS

.col{ color:red !important; }

JavaScript

function getCSSRule(ruleName, deleteFlag) {               
   ruleName=ruleName.toLowerCase();                       
   if (document.styleSheets) {                            
      for (var i=0; i<document.styleSheets.length; i++) { 
         var styleSheet=document.styleSheets[i];          
         var ii=0;                                        
         var cssRule=false;                               
         do {                                             
            if (styleSheet.cssRules) {                    
               cssRule = styleSheet.cssRules[ii];         
            } else {                                      
               cssRule = styleSheet.rules[ii];            
            }                                             
            if (cssRule)  {                               
               if (cssRule.selectorText.toLowerCase()==ruleName) { 
                  if (deleteFlag=='delete') {             
                     if (styleSheet.cssRules) {           
                        styleSheet.deleteRule(ii);        
                     } else {                             
                        styleSheet.removeRule(ii);        
                     }                                    
                     return true;                         
                  } else {                                
                     return cssRule;                      
                  }                                       
               }                                          
            }                                             
            ii++;                                         
         } while (cssRule)                                
      }                                                   
   }                                                      
   return false;                                          
}                                                         

function killCSSRule(ruleName) {        ...