CSS3 是一種強大的樣式表語言，增加了眾多的新功能和屬性，其中 before 偽元素就是其中之一。它允許我們在元素的內容前面插入一個特定的內容，并可以通過 CSS 樣式對其進行自定義美化。

在生成導航菜單時，before 可以用來添加不同種類的圖標，并在菜單項之間添加分割線。下面是一個簡單例子：

nav ul li:before {
content: "\02265";
padding-right: 5px;
}
nav ul li:last-child:before {
content: "";
padding-right: 0;
}
nav ul li {
display: inline-block;
margin-right: 10px;
font-size: 16px;
}
nav ul li:last-child {
margin-right: 0;
}

在上面的代碼中，使用 before 為每個導航菜單項添加一個小于等于號（≥），并為其添加右側空白間距。同時，通過設置最后一個菜單項的 before 內容為空，消除了最后一個菜單項之后的空白間距。

在菜單項樣式中，使用 inline-block 使每項均顯示為一個塊，且可以與其它塊元素（如 Logo）并排顯示。其中 margin-right 設置每項之間的右側間距，最后一項通過將其 margin-right 設為 0 來避免多余的空白區域。

以上只是一個簡單的例子，利用 before 偽元素可以創造出更多更復雜的導航菜單效果。不過需要注意，如果 before 內容過于復雜，會影響頁面性能和加載速度，需謹慎使用。