在網頁中，一個常見的功能就是導航欄菜單。而在這些菜單中，有時候需要實現多級菜單的功能。在css中，我們可以通過多次使用偽類和嵌套選擇器來實現多級自適應菜單。

/* 第一級菜單樣式*/
.navbar li{
display: inline-block; /* 改變元素默認的塊級化行為 */
position: relative; /* 設置相對定位 */
}
/* 第二級及以下級別菜單樣式*/
.navbar li:hover ul{
display: block; /* 當鼠標懸停在第一級菜單上時，顯示第二級菜單 */
}
.navbar ul{
display: none; /* 隱藏菜單 */
position: absolute; /* 設置絕對定位 */
top: 40px; /* 距離父級元素頂部距離 */
left: 0; /* 距離父級元素左側距離 */
}
/* 樣式細節 */
.navbar ul li{
display: block; /* 改變元素默認的塊級化行為 */
width: 200px; /* 設置寬度 */
}
.navbar a{
display: block; /* 改變元素默認的塊級化行為 */
padding: 10px; /* 設置內邊距 */
}

以上代碼中，我們使用了兩個主要的選擇器——:hover和ul。當鼠標懸停在第一級菜單上時，通過使用:hover選擇器來顯示其下的第二級菜單。而ul則是一個用于設置樣式的選擇器，通常用于選擇下拉菜單等元素。

通過以上代碼，我們可以實現多級自適應菜單。當然，為了使得菜單的交互體驗更加友好，我們還可以為其添加動畫效果，讓菜單更加平滑自然。