Как добавить класс в якорь с помощью wp_nav_menu

Извините, если мой пост дубликат, но я не могу найти лучшее решение для моей проблемы. Я новичок в разработке темы WP. Теперь я хотел бы добавить класс в текущий li и последний li, но я не знаю, как это сделать? Надеюсь, кто-то поможет.

Вот мой код HTML:

<nav> <ul> <li><a href="#" class="selected">Home</a></li> <li><a href="#">About</a></li> <li><a href="#" class="last">Contact</a></li> </ul> </nav> 

Solutions Collecting From Web of "Как добавить класс в якорь с помощью wp_nav_menu"

WordPress фактически добавляет текущий класс по умолчанию:

проверьте, где он говорит:

 <li id="menu-item-1688" class="current-menu-item"> 

В вашем исходном коде.

Теперь, как и для другого элемента, это немного сложно.

Существует два способа сделать это, предполагая, что вам нужен последний элемент для стилизации.

Вариант № 1 с чистым CSS с использованием селектора последнего типа.

Вариант №2 использует get_wp_nav_menu, а не wp_nav_menu и как только вы находитесь внутри foreach , вы сравниваете его с использованием count и текущего индекса указанного foreach чтобы добавить класс css динамически.

Edit: Если вы немного новичок в тематике WordPress, я бы определенно пошел с номером версии 1, несмотря на отсутствие полного охвата браузера.