JSFiddle - React, Tailwind, and code Playground

HTML

<div id="holder">
    <div id="first"></div>
    <div class="box">I'm the first</div>
    <div class="box">Nothing special</div>
    <div class="box">Nothing special</div>
    <div class="box">Nothing special</div>
    <div class="box">Nothing special</div>
    <div class="box">Nothing special</div>
    <div class="box">Make this background orange!!!</div>
    <div id="last">blah</div>
    <div id="last">blah</div>
</div>

CSS

#holder{
    padding:35px;
    font-family:verdana;
}

.box{
    border:1px solid darkGray;
    background:lightGray;
    border-radius:8px;
    padding:15px;
    margin-bottom:5px;
    cursor:pointer;
}

#holder > .box:nth-last-of-type(2) {
    background:orange;
}

.box:hover{
    background:gray;
    
}