호버 표시가 차단되면 CSS ul 표시가 없음

Question

드롭다운 상자에서 작업 중이지만 가장 원하지 않는 유일한 작업은 순서가 지정되지 않은 목록에서 정보라는 단어 위로 마우스를 가져가면 드롭다운 상자가 표시되지 않는다는 것입니다.

나도 알아요 display:none; ~에 ul style 그런데 그걸 다음으로 바꿀 수 있어? display:block; 정보라는 단어 위로 마우스를 가져가면?

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>

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;}

고급 도움말.모든 도움이 적용됩니다. :) 또한 나에게 무엇이 잘못된 것을 말하는 코드를 게시 할뿐만 아니라 감사합니다!

Answer 1

CSS 클래스 이름 앞에 #Menu를 사용하십시오. 데모

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

노즘 : CSS 클래스 이름은 대소 문자를 구분

Answer 2

HTML 코드에 인라인이 포함되어 있기 때문이라고 생각합니다. display:none.내부에서는 <ul>, 제거해야 합니다 <ul style="display:none;"> 위의 HTML에서.