# hidden words not appearing on hover

**URL:** <https://www.phphelp.com/t/hidden-words-not-appearing-on-hover/26212>\
**Category:** HTML & CSS\
**Created:** [January 17, 2018, 8:55am UTC](https://www.phphelp.com/t/hidden-words-not-appearing-on-hover/26212 "2018-01-17T08:55:43Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![zaimazhar97](https://www.phphelp.com/user_avatar/www.phphelp.com/zaimazhar97/32/624_2.png) [@zaimazhar97](https://www.phphelp.com/u/zaimazhar97)\
**Post date:** [January 17, 2018, 8:55am UTC](https://www.phphelp.com/t/hidden-words-not-appearing-on-hover/26212/1 "2018-01-17T08:55:43Z")

</div>

[https://jsfiddle.net/gynha2fa/1/](https://jsfiddle.net/gynha2fa/1/)

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

---

<div class="post-metadata">

**Author:** ![Antonio](https://www.phphelp.com/letter_avatar_proxy/v4/letter/a/6de8d8/32.png) [@Antonio](https://www.phphelp.com/u/Antonio)\
**Post date:** [January 17, 2018, 10:48am UTC](https://www.phphelp.com/t/hidden-words-not-appearing-on-hover/26212/2 "2018-01-17T10:48:58Z")

</div>

hi,

try this [https://jsfiddle.net/gynha2fa/3/](https://jsfiddle.net/gynha2fa/3/)

---

<div class="post-metadata">

**Author:** ![zaimazhar97](https://www.phphelp.com/user_avatar/www.phphelp.com/zaimazhar97/32/624_2.png) [@zaimazhar97](https://www.phphelp.com/u/zaimazhar97)\
**Post date:** [January 17, 2018, 3:11pm UTC](https://www.phphelp.com/t/hidden-words-not-appearing-on-hover/26212/3 "2018-01-17T15:11:25Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![Antonio](https://www.phphelp.com/letter_avatar_proxy/v4/letter/a/6de8d8/32.png) [@Antonio](https://www.phphelp.com/u/Antonio)\
**Post date:** [January 17, 2018, 3:54pm UTC](https://www.phphelp.com/t/hidden-words-not-appearing-on-hover/26212/4 "2018-01-17T15:54:32Z")

</div>

> 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! :)