JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top">
    <div id="in"></div>
</div>

CSS

#top
{
    background: red;
    padding: 3px;
}
#in
{
    height: 20px;
    width: 20px;
}

JavaScript

var $top = $('#top');
var $in = $('#in');
var props = ['background', 'background-color', 'background-image'];
var elems = [$top, $in];

for(var i=0, len=elems.length;i<len;i++)
{
    console.log('Dumping ' + elems[i].prop('id'));
    for(var i2=0, len2=props.length;i2<len2;i2++)
    {
        console.log('\t' + props[i2] + ': ' + elems[i].css(props[i2]));
    }
}