wp_nav_menuのスタイルの変更ができない

Question

wp_nav_menuで表示した各メニュー（「ホーム」「ブログ」「レベル２」）にmargin-right: 40xp;を当てたいのですが反映されません。
静的なコーディングではスタイルが当たっていたのですが、wp_nav_menuを使うと反映されませんでした。

現在の状態

デベロッパーツールで見たコード

        <nav class="nav">
          <?php
          wp_nav_menu(
            array(
              'depth' => 1,
              'theme_location' => 'global',
              'container' => 'false',
              'menu_class' => 'nav__menu',
            )
            );
          ?>
        </nav><!-- /.nav -->

.nav {
  width: 100%;
  height: 80px;
  box-shadow: $shadow;
  position: relative;
  &__menu {
    display: flex;
    position: absolute;
    top: 150%;
    left: 50%;
    transform: translate(-50%, -50%);
    li{
      &:not(:last-child) {
        margin-right: 40px;
      }
    }
  }
}

試したこと
.nav__menu内は消しても結果は同じでした。
liを.menu-itemにしてみましたが変化はありませんでした。
phpの'menu_class' => 'nav__menu',を削除し、cssの&__menuをulにして中身を変更してみましたが変化はありませんでした。
ul,li,aどのタグでスタイルを当ててみても変化はありませんでした。
スーパーリロードをしてみましたが変わらなかったのでキャッシュではなさそうです。

Comments

[yuki84web]

デベロッパーツールのスタイルを確認して、打ち消されていないかをご確認ください。

[7777tata]

打ち消されていませんでした。liとaはスタイルの記述がなく、スタイル自体当たっていませんでした。
ulに関しては 'menu_class' => 'nav__menu',でnav__menuを付与しているので、nav__menuに関してはスタイルが当たっています。
'menu_class' => 'nav__menu',を削除し、ulにするとスタイルが当たりませんでした。
デベロッパーツールのスタイルで記述がない状態です。
cssもnav__menu → ulに変更しています。

[7777tata]

'menu_class' => 'nav__menu',を削除すると.menuが自動的に付与されるので、.menuにもスタイルを当ててみましたが当たりませんでした。（デベロッパーツールで記述なし）

Answer 1

https://nldot.info/add-class-to-the-li-element-of-the-wp_nav_menu/を参考にli要素にクラス名を付与しました。

Answer 2

-of-typeを使ってみるとか。※未検証

    li{
      &:not(:last-of-type) {
        margin-right: 40px;
      }
    }