How to add class to anchor using wp_nav_menu

In the wp-admin, go to Appearance -> Menus,

put the class on the menu item here “CSS Classes (optional)”. This will be applied on

<li></li>

[Code that wrecked the forums fixed]
.

If you can’t see the “CSS Classes (optional)” in the menu item, then there is “Screen Option” in the right top of the screen and there are the options “CSS Class” under “Show advanced menu properties”.

i know this method, can you prefer me another ways? Thank you

You can use the js for this.

But above one is better solutions.

You can use walker class also.

See https://shinraholdings.com/62/custom-nav-menu-walker-function/#example-code

By current li you mean the currently selected menu item? There’s already a default class for that. You can use that instead.
ul .current-menu-item {}

As for the last <li> you can target it like this.
ul li:last-child {}

how can i edit current-menu-item class?

CSS should generally be modified using a child theme or custom CSS theme option or add via a plugin if your theme does not have the option. If you change theme files, your changes will be lost when the theme is updated.

https://codex.www.ads-software.com/Child_Themes

i’d like to use :last-child but it will work in IE7-, so how can i add class “last”?

<script>
jQuery(document).ready(function($){
$('ul.what-ever-class li').last().addClass('last');
});
</script>

Hopefully this will work for you.

thank you, i’ll try ??