Как создать подменю для вертикальной панели навигации, используя только CSS ⇐ CSS

[Anonymous]

Я долго искал, как создать подменю для страницы вертикальной навигации на моем веб-сайте.

Я хочу, чтобы использовался простой CSS.

У меня есть страница nav.jsp со всеми навигационными ссылками. . Код такой же, как показано ниже

Код: Выделить всё

    


[list]
[*][url=home.jsp]  Home[/url]

[*][url=addCompanyDetails.jsp]  Add Company Details[/url]

[*][url=modifyCompanyDetails.action]  Modify Company Details[/url]

Sub Menu 1

[*]Sub Menu 2

[*]Sub Menu 3

[*]Sub Menu 4

[/list]

[*][url=deleteCompanyDetails.action]  Delete Company Details[/url]

[*][url=search.jsp]  Search[/url]

[*][url=viewAllDetails.action]  View All Details[/url]

Я написал CSS-код для родительских ссылок. Код CSS для этого приведен ниже

Код: Выделить всё

    #nav {
padding: 0;
margin: 0;
width: 220px;
padding: 0px;
border: 0px;
margin: 0px;
}

#nav li {
width: 100%;
display: block;
float: left;
height: 35px;
border-bottom: 1px solid #ffffff;
}

#nav li a {
width: 100%;
display: block;
float: left;
height: 35px;
line-height: 35px;
text-decoration: none;
color: #000000;
}

#nav li a:hover {
width: 100%;
display: block;
float: left;
height: 35px;
line-height: 35px;
background-color: #404040;
color: #ffffff;
}

Нет CSS-кода для отображения подменю. У меня есть код CSS только для отображения родительского меню.
При наведении курсора мыши на родительское меню должно появиться подменю.

Пожалуйста, помогите мне. Если что, пишите обратно.

Подробнее здесь: https://stackoverflow.com/questions/191 ... g-css-only