JSFiddle - React, Tailwind, and code Playground

by danheberden

HTML

<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<div style="background-color: #ff0" >static test</div>

<div  style="background-color: #0ff" >static test</div>

<div id="test1" style="background-color: #ff0" >test1</div>

<div id="test2" style="background-color: #0ff" >test2</div>

CSS

div {
    background-color: #000 !important;
    color: #999;
}

JavaScript

$( document ).click( function() {
   var $t1 = $( '#test1' ).css( 'background-color', '#f00' ),
       $t2 = $( '#test2' ).css( 'backgroundColor', '#00f' );
   console.log( $t1.css('background-color'), $t1.css('backgroundColor') );
   console.log( $t2.css('background-color'), $t2.css('backgroundColor') );
});