JSFiddle - React, Tailwind, and code Playground

by functionalcss

HTML

<div class="page-top">
    <h2>Smaller Heading</h2>
    <h1>Big Heading</h1>
    <div class="page-controls buttons">
        <a href="" class="button">Click me</a>
    </div>
</div>

CSS

.page-top > h2 +  h1 + .page-controls.buttons {
    background-color: yellow;
}