CSS로 스타일 지정 탐색 바

Question

CSS로이 탐색 모음의 스타일을 지정해야합니다. 정렬되지 않은 목록입니다. 내가 가지고있는 것은 페이지의 일부 아래에 또 다른 ul인데,이 페이지는 하위 페이지와 같은 역할을합니다. 다음과 같은 :

는

<ul id="nav-bar"> 
<li><a href="#">Home</a></li> 
<li><a href="#">Tutorials</a></li> 
<li><a href="#">Menu</a> 
<ul><li><a href="#">Nivo</a></li></ul> 
</li> 
</ul> 

이해가 안 주요 싱크는 사용자가 메뉴 목록을 가리킬 때에 만 보여 (이 경우) NIVO를 만드는 방법입니다. 이것은 이와 같은 서브 페이지를 보여주는 매우 일반적인 방법이지만 CSS 만 사용하는 방법은 없습니다.

나는 주로 백엔드 개발자, 그래서 CSS를 물건으로 장난 싫어하고,하지만 난 선택의 여지 :(어떤 도움

감사

Answer 1

#nav-bar ul{ 
display:none; 
} 
#nav-bar li:hover ul{ 
display:block; 
} 

Answer 2

http://jsfiddle.net/MsAta/

그러나이 없다 그것은 ' 모든 브라우저에서 작동하지 않습니다.

자바 스크립트를 사용하는 것이 더 낫습니다. 그런 메뉴를위한 jQuery 플러그인이 많이 있습니다.