JSFiddle - React, Tailwind, and code Playground

by Barbara Laird

HTML

<div class="reportRow">
        <div style="width:75px;">Date1</div>
        <div style="width:360px;">Address1</div>
        <div style="width:40px;">Edit1</div>
        <div style="width:40px;">Print1</div>
        <div style="width:40px;">Delete1</div>
    </div>
    <div class="reportRow">
        <div style="width:75px;">Date2</div>
        <div style="width:360px;">Address2</div>
        <div style="width:40px;">Edit2</div>
        <div style="width:40px;">Print2</div>
        <div style="width:40px;">Delete2</div>
    </div>
    <div class="reportRow">
        <div style="width:75px;">Date1</div>
        <div style="width:360px;">Address1</div>
        <div style="width:40px;">Edit1</div>
        <div style="width:40px;">Print1</div>
        <div style="width:40px;">Delete1</div>
    </div>
    <div class="reportRow">
        <div style="width:75px;">Date2</div>
        <div style="width:360px;">Address2</div>
        <div style="width:40px;">Edit2</div>
        <div style="width:40px;">Print2</div>
        <div style="width:40px;">Delete2</div>
    </div>

CSS

.reportRow:nth-child(2n) div {
    background-color: blue;
}