JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<title>Question1</title>
</head>
<body>
<div id="cheetah">
    <p><a href="#">Cheetah</a> <span class="sibling">A cheetah is a land mammal that can run up 2 60mph!!!</span></p>
</div>

CSS

#cheetah {
    background-color: red;
    color: yellow;
    text-align: center;
}

a {
    color: blue;
}

#cheetah .sibling {
    display: none;
}


#cheetah a:hover + .sibling {
    display: block;
    background-color: orange;
}