JSFiddle - React, Tailwind, and code Playground

HTML

<div class="global">
    <div class="child">text</div>
    <div class="child">text</div>
    <div class="child">text</div>
</div>

CSS

.global { background-color: #00ff00; text-align: center;}
.child { 
    margin: 0px auto;
    height: 25px; 
    width: 100px; 
    margin-bottom: 5px; 
    padding 5px; 
    background-color: #1d1d1d;
    /*the color has not been set!*/
}

JavaScript

var global = $('.global');
    var bgColor = $('.global').css('background-color');
    global.children().css('color', bgColor);