JSFiddle - React, Tailwind, and code Playground

by Diana Lemen

HTML

<h1>Heading</h1>
<a class="button" href="#">The &quot;Button&quot;</a>
<h2>Another Heading</h2>

CSS

h1 {
    color: #4fa04f;
}
h1 + a, h1 + h2 {
    color: #a04f4f;
}
h1:hover + a {
    color: #4f4fd0;
}
a:hover + h1 {
    background-color: #444;
}