CSS子菜單是網站導航菜單中的一種，它使得菜單的層次結構更加清晰，用戶可以更輕松地找到所需內容。下面是如何定義CSS子菜單的方法。

nav ul ul {
display: none;
position: absolute;
top: 100%;
}
nav ul li:hover >ul {
display: inherit;
}
nav ul ul li {
position: relative;
}
nav ul ul ul li {
position: relative;
top: -60px;
left: 170px;
}

在上面的代碼中，我們首先將第二級菜單隱藏起來，并用絕對定位使其脫離文檔流。接下來，在鼠標懸停在一級菜單上時，我們將第二級菜單的display屬性設置為inherit，即顯示出來。

此外，如果我們有三級嵌套菜單，可以使用nav ul ul ul來表示第三級菜單。由于第三級菜單的位置通常需要進行微調，我們可以使用position屬性來調整其相對位置。

最后，我們需要給第二級和第三級菜單指定一個position: relative屬性，以便它們相對于自己的父級菜單進行定位。

通過以上方法，我們可以輕松地定義CSS子菜單，并使其在網站中使用。