+ 5

Dropdown Content

Hey everyone, As I was practicing my CSS in creating a dropdown menu, I noticed that the extra content won't show after I hover over the lists. Now, this was supposed to be a piece of cake, I know how a dropdown is done in general. Apparently, I might have made a (very)little mistake or I might have missed something tiny because I can't see what am I doing wrong. Please, help. https://code.sololearn.com/Waym8ny5DXyA/?ref=app

26th May 2019, 6:41 PM
Vasilis Karapas
Vasilis Karapas - avatar
2 Answers
+ 5
You cant set display:block from .one:hover, .two:hover, .three:hover, there is no area reserved for .one, .two and . three to hover initially. Use li:hover to turn on .one, .two and .three instead. li:hover .one, li:hover .two, li:hover .three{ display: block; }
27th May 2019, 12:30 AM
CalviŐČ
CalviŐČ - avatar
+ 4
Thank you for your help. I never thought about it like that. When I placed the classes one, two, three to display:none, with the way I wrote the code, it worked. I thought it would work the same way with the hover part of the code. I guess, I was wrong.
27th May 2019, 6:28 AM
Vasilis Karapas
Vasilis Karapas - avatar