JSFiddle - React, Tailwind, and code Playground

by andreasisaak

HTML

<div>
<p class="content">One</p>
<p class="content">Two</p>
<p class="content">Three</p>
<p class="content">First</p>
<p class="content">Four</p>
<p class="content">Five</p>
<p class="content">Six</p>
</div>

CSS

div:hover > p {
    background: green;
}
div > p:hover {
    background: #fff;
}