JSFiddle - React, Tailwind, and code Playground

by Christopher Stephens

HTML

first list
<div>
    <div class="item">item</div>
    <div class="item">item</div>
    <div class="item">item</div>
    <div class="item">item</div>
</div>
Second list
<div>
    <div class="not-item">item</div>
    <div class="item">item</div>
    <div class="item">item</div>
    <div class="not-item">item</div>
</div>

CSS

.item:first-child{
    color:red;
}
.item:last-child{
    color:red;
}