CSS縱向二級導航菜單是網站設計中常見的一種菜單類型，它可以方便用戶快速找到需要的信息。下面介紹一種常用的實現方法。

/* 父級菜單樣式 */
.nav {
width: 200px;
}
/* 子級菜單樣式 */
.sub-nav {
display: none;/* 去除子菜單默認樣式 */
position: absolute;
top: 0;
left: 200px;
padding: 0;
margin: 0;
}
/* 鼠標懸停父級菜單時顯示子級菜單 */
.nav:hover .sub-nav {
display: block;
}
/* 子級菜單列表項樣式 */
.sub-nav li {
margin: 0;
padding: 0;
}
/* 子級菜單鏈接樣式 */
.sub-nav a {
display: block;
padding: 5px 10px;
text-decoration: none;
color: #333;
background-color: #f5f5f5;
}
/* 子級菜單鏈接懸停樣式 */
.sub-nav a:hover {
background-color: #fff;
}
/* 當前頁面鏈接樣式 */
.current {
font-weight: bold;
}

以上代碼中，首先對父級菜單和子級菜單進行了樣式設置，子級菜單默認不顯示，鼠標懸停在父級菜單時才將子級菜單顯示出來。

其次，對子級菜單的列表項樣式和鏈接樣式進行了設定，其中鏈接樣式使用了背景色來區分不同菜單選項。鼠標懸停在子級菜單鏈接時，會有不同的背景顏色，增強了交互性。

最后，通過添加一個類名來設置當前頁面所在的鏈接樣式，為用戶提供更明顯的提示。