JSFiddle - React, Tailwind, and code Playground

by Serg Sagan

HTML

<div class="block">
  <h2>title</h2>
  <span>Lorem ipsum dolor.</span>
  <p>Lorem ipsum dolor sit amet.</p>
</div>

CSS

.block {
  width: 100px;
  height: auto;
  text-align: center;
  border: 2px solid blue;
  padding: 20px 10px;
}

h2 {
  color: red;
}

.block:hover h2,
.block:hover span {
  color: green;
}

.block:hover {
  border: 2px solid red;
}