JSFiddle - React, Tailwind, and code Playground

HTML

<div class="post"><div class="something"><h1>dssds</h1>text text text</div></div>
<div class="post"><div class="something"><h1>dssds</h1>text text text</div></div>
<div class="post"><div class="something"><h1>dssds</h1>text text text</div></div>

CSS

h1 {font-weight: bold;}
.something {color:#000; background:#fff;}
.post {padding-top:10px; padding-bottom: 5px; margin: 5px 0;}

JavaScript

function get_random_color() {
    var letters = '0123456789ABCDEF'.split('');
    var color = '#';
    for (var i = 0; i < 6; i++) {
        color += letters[Math.round(Math.random() * 15)];
    }
    return color;
}


$(".post").each(function() {
    $(this).css('background-color', get_random_color());
});