CSS hover not working.

Question

When I hover the span element, the h1 element should become visible. Except it's not.
Please help, getting a headache.
https://code.sololearn.com/WPaS8tWsTnIK/?ref=app

Answer 1

Sequence <span> before <h1> if you are using span:hover + h1

https://code.sololearn.com/WlHeehNzM5t9/?ref=app

Adjacent sibling combinator
The + combinator selects adjacent siblings. This means that the second element directly follows the first, and both share the same parent.
Syntax: A + B
Example: h2 + p will match all <p> elements that directly follow an <h2>.

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors

Answer 2

😂

You can search in Google with "mdn CSS + Selector"

Answer 3

Gordon , what would we do without you?