---
title: "Navigation Styling"
slug: "navigation-styling"
updated: 2023-05-04T17:14:44Z
published: 2023-05-04T17:14:44Z
canonical: "docs.winedirect.com/navigation-styling"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.winedirect.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Navigation Styling

When using the WineDirect navigation tag, the pages are rendered as ul/li elements in your HTML. The best way to style the navigation is by wrapping it in a div that can be targeted. If the navigation tag were wrapped in a div with the class 'mainMenu,' the styling would look as follows.

.mainMenu ul { } .mainMenu ul li { }

## Additional system navigation classes

Certain classes are added in the navigation output so they can be styled.

**The current page link:** .mainMenu ul li a.v65-selected { } **The parent link of the current page:** .mainMenu ul li a.v65-pageAParent { } **The current page link in the sub-menu:** .v65-left selected { } **The "Home" link:** .v65-home { }