如何使用wp_nav_menu？

Question

我尝试动态添加一个css ul/li链接结构如下的菜单

            <ul class="navbar-nav ml-auto">
              <li class="nav-item">
                  <a class="nav-link tm-nav-link" href="#infinite">Home</a>
              </li>
              <li class="nav-item">
                  <a class="nav-link tm-nav-link" href="#whatwedo">What We Do</a>
              </li>
              <li class="nav-item">
                <a class="nav-link tm-nav-link" href="#testimonials">Testimonials</a>
              </li>
              <li class="nav-item">
                  <a class="nav-link tm-nav-link" href="#gallery">Gallery</a>
              </li>
              <li class="nav-item">
                  <a class="nav-link tm-nav-link" href="#contact">Contact</a>
              </li>                    
            </ul>
          </div>        
        </div>
      </nav> 

我试着注册

  <?php
              wp_nav_menu(array(
              "theme_location" => "",
                  'menu_class'=> 'navbar-nav ml-auto'
              'container_class' => 'navbar navbar-expand-md tm-navbar')); ?>     

但是只知道如何将类添加到<ul>，而不是所有的<li> --这是一个很大的问题，因为我的导航菜单看起来很难看。

Answer 1

另一种方法:使用继承的CSS类。

.navbar-nav.ml-auto > li {
   background: yellow;
}

.navbar-nav.ml-auto > li > a {
   color: blue;
}

这样，您只需要在<ul>上设置类。