0

I'm trying to make the span appear when I hover over td (the span is hidden at first). This is what I have so far but the text won't reappear when I hover over td. Is there a way to do this?

<!DOCTYPE html>
<html lang="en">
<style>
    .x .y {
    display: none;
    }
        
    td:hover + .y {
        display: block;
    } 
</style>
<body>
    <table border = 1>
        <tr>
            <td>Hover over me!</td> 
        </tr>
    </table>

    <div class= "x">
        <span class="y">You found me!</span>
    </div> 
</body>
</html>
tysh444
  • 61
  • 5

0 Answers0