JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item">Select</div>
    <div class="item1"></div>
</div>

CSS

div[class^="item"]
{
    width: 50px;
    height: 50px;
    border: 1px solid black;
}

.item
{
    background: grey;
}

.item1
{
    background: #C6C6C6;
}

/*select last element with class item*/

.item:last
{
    background: red;
}

.item:last-child
{
    background: red;
}

.item:last-type-of
{
    background: red;
}