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

[Anonymous]

Я долго занимался серфингом, чтобы узнать, как создать подменю для страницы вертикальной навигации для моего веб -сайта. < /p>

Я хочу использование простых CSS. То же код, как ниже < /p>

•   Home
•   Add Company Details
•   Modify Company Details
  
  Sub Menu 1
• Sub Menu 2
• Sub Menu 3
• Sub Menu 4

[*]  Delete Company Details

[*]  Search

[*]  View All Details





< /code>

Я написал свой код CSS для родительских ссылок. Код CSS для того же самого, как ниже < /p>

#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;
}
< /code>

Нет кода CSS для отображения подменга. У меня есть код CSS только для отображения родителей. Во всяком случае, пожалуйста, напишите.

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