Unable to hide and display an element in css

I cannot display the contents of an element by hover.

Please let me know where I am making wrong in my project. The link is below for my code pen

I suppose you are trying to hide/display the element with class exp?

If so, try to logically think what this selector will search for: .con:hover .exp
It is not searching for .exp when .con is hovered but it is the same as .con .exp (but only when .con is hovered). So for this to work .exp needs to be a child of .con

Sorry I am a beginner. Can you please explain me how do I make the class .exp as the child of .con


I got it. Let me try it myself and see it works


Hi Ben,

Thanks a lot. I made it work. Feels good to start with some help

Thanks Again

1 Like