JSFiddle - React, Tailwind, and code Playground

HTML

<a href="" class="container">
    red<br />red<br />red<br />red<br />red<br />
    <span class="in">GREEN</span>
</a>

CSS

a, span
{
    display: block;
    text-decoration:none;
}
.container:active
{
    background: red;
}
.container:active .in
{
    background: green;
}