JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<div class="table-results">
        <div class="item tr">tr</div>
        <div class="item trade-result"></div>
        <div class="item tr">tr</div>
        <div class="item trade-result"></div>
        <div class="item tr">tr</div>
        <div class="item trade-result"></div>
        <div class="item tr">tr</div>
        <div class="item trade-result"></div>
        <div class="item tr">tr</div>
        <div class="item trade-result"></div>
    </div>

CSS

.tr,
.trade-result {
	height: 50px;
	width: 100px;
	border: 1px solid #000000;
}
.item:nth-of-type(3),
.item:nth-of-type(7){
	background: red;
}
.item:nth-of-type(1),
.item:nth-of-type(5),
.item:nth-of-type(9){
	background: blue;
}