I have tried to find a way to get the following menu structure into a wayfiner call but am not winning.
<ul>
<li class="first"><a href="[~2~]">Home</a></li>
<li ><a href="[~3~]">Our <span>Vision</span></a></li>
<li class="active"><a href="[~4~]">Our <span>Mission</span></a></li>
<li><a href="[~5~]">About <span>Us</span></a></li>
<li class="last"><a href="[~6~]">Contact <span>Us</span></a></li>
</ul>
Could anyone please help
The reason for the classes is that different css is required for first and last I would also like to use active class.
Thank you all the support is out of this world.

Pleae be simple as I am new to this.
I have read PDF ebook.
Wayfinder seems one of the greatest but hardest to comprehend snippet.