Css Show On Hover For My Nav

Question

У меня обычно нет проблем с css, и я сам создал это навигационное меню, но я просто не могу понять, почему он не будет показывать мой div, когда я навещу над элементом. .. Я создаю jsfiddle @http://jsfiddle.net/LuLTM/ со всем кодом, а ...

#beautyworld #beautyhealth {display:none;} 
#beautyworld #beautyhealth:hover {color:black;display:block!important} 

Я хочу, когда парит над сНом #beautyworld для ДИВА #beautyhealth появляться ... Я просто не понимаю, почему мой КСС не работает ... Может кто-нибудь проконсультироваться? Спасибо

Answer 1

Я думаю, проблема заключается в том, что вы пытаетесь навести курсор на что-то, что в настоящее время отображается: none. Поскольку дисплей не разрушает элемент, нечего наводить. Вы обращаете внимание на то, чтобы он зависал на относительном уровне родителя, чтобы вызвать отображение ребенка.

Например:

#beautyworld > div { display:none; } 
#beautyworld:hover > div { color:black; display: block !important; }