L'affichage CSS ul n'est aucun lorsque l'affichage du survol est bloqué

Question

Je travaille sur une liste déroulante, mais la seule chose qui ne veut pas fonctionner, c'est lorsque je survole le mot Info dans la liste non ordonnée, la liste déroulante ne s'affiche pas.

Je sais que j'ai display:none; dans ul style mais peux-tu changer cela en display:block; en survolant le mot info ?

Code HTML:

<ul id="Menu">
     <li><a href="Index.html">Home </a></li>
     <li><a href="Info.html">Info </a>
          <ul style="display:none;">
             <li><a href="Index.html">Program</a></li>
             <li><a href="Index.html">Getting Started</a><li>
             <li><a href="Index.html">Credits</a></li>
         </ul>
     </li>
     <li><a href="Community.html">Video </a></li>
     <li><a href="Store.html">server </a></li>
     <li><a href="Profile.html">Profile </a></li>
     <li><a href="Help">Help</a></li>
</ul>

Code CSS :

#Menu {
list-style:none;
font-size:16px;
font-weight:Bold;
padding:14px 0 0;
width:415px;
margin-top:0;
float:left;
margin-left:0;
}

#menu { list-style:none;}
li:hover > ul {display:list-item;}
li ul { margin:0; padding:0; position:absolute;z-index:5;padding-top:6px;}
li { float:left; margin-left:10px; }
li ul li { float:none; margin:0; display:inline;}
li ul li a {display:block; padding:6px 10px; background:#333; white-space:nowrap;}
li { display: list-item; text-align: -webkit-match-parent;}
ul { border:0; font-size:100%; font:inherit;vertical-align:baseline;}

Aide en avancé.Toute aide est imprégnée :) également publier un code non seulement en me disant ce qui ne va pas merci!

Answer 1

utiliser #Menu avant vos noms de classes CSS : DÉMO

comme: #Menu li:hover > ul {display:list-item;}

AVIS : Les noms de classe CSS sont sensibles à la casse

Answer 2

Je pense que c'est parce que le code HTML contient un inline display:none.À l'intérieur <ul>, nous devrions supprimer <ul style="display:none;"> dans le code HTML ci-dessus.