hidden words not appearing on hover

zaimazhar97 · January 17, 2018, 8:55am

https://jsfiddle.net/gynha2fa/1/

Check fiddle and try to hover on the ‘Hover Me’ sentence… Anyone can figure it out why?

Antonio · January 17, 2018, 10:48am

hi,

try this https://jsfiddle.net/gynha2fa/3/

zaimazhar97 · January 17, 2018, 3:11pm

You can’t just stop helping me sorting out, right? ;D ;D

Thanks man, karma given.

Anyway, I would like to understand what I did wrong and the changes you made is easy but the hover works yet why mine didn’t work?
Thank you again, Antonio.

[EDIT]

Whaaaaaat? It is because of the tag? :o
I don’t understand, why?

Antonio · January 17, 2018, 3:54pm

I don't understand, why?

This CSS rule applies only for a tag with class “hide” inside any tag with class “show”

.show:hover .hide { opacity : 1; }

Like this [code]

Hover me

Show me now!

[/code]

Thanks man, karma given.

Thanks! :)