JSFiddle - React, Tailwind, and code Playground

by tomfranssen

HTML

<div class="knoepert">Hover over me!</div>
<div></div>
<div>
    <input class="vuurbal" type="text" value="Click me!">
    <input type="text" value="textfield 2">
</div>

CSS

div{
    width: 400px;
    height: 150px;
    border: 1px solid #ccc;
    margin: 5px; 
}

.knoepert:hover + div{
    background-color: red;
}

.vuurbal:focus + input{
    background-color: red;
    padding: 10px;
}