JSFiddle - React, Tailwind, and code Playground

by EricHerlitz

HTML

<div class="block">
    <div class="infographic-block" data-ng-controller="InfographicBlockController">
        <a class="header clearfix" href="" id="_0a633d23-4726-4eb0-9bf6-143680d52452" data-ng-click="OpenBlock($event)" style="background-color: #ffffc2; color: #e6e05f;">
            <div class="infographic-step">
                Steg 1
            </div>
        </a>
    </div>
</div>

<div class="block">
    <div class="infographic-block" data-ng-controller="InfographicBlockController">
        <a class="header clearfix" href="" id="_08516e7d-4847-4c04-acc5-cb3f0a632ff4" data-ng-click="OpenBlock($event)" style="background-color: #a2e9eb; color: #58cfd3;">
            <div class="infographic-step">
                Steg 2
            </div>
        </a>
    </div>
</div>

<div class="block">
    <div class="infographic-block" data-ng-controller="InfographicBlockController">
        <a class="header clearfix" href="" id="_fc1aa4b9-0b4f-4eec-81b5-bdb1de62c515" data-ng-click="OpenBlock($event)" style="background-color: #ffffc2; color: #e6e05f;">
            <div class="infographic-step">
                Steg 1
            </div>
        </a>
    </div>
</div>

<div class="block">
    <div class="infographic-block" data-ng-controller="InfographicBlockController">
        <a class="header clearfix" href="" id="_09d0020f-4efe-4702-97db-6488df743c5f" data-ng-click="OpenBlock($event)" style="background-color: #a2e9eb; color: #58cfd3;">
            <div class="infographic-step">
                Steg 2
            </div>
        </a>
    </div>
</div>

CSS

.infographic-block:not(:first-child) .header {
  color: #000 !important;
}