样式规则应用于错误的元素

我有以下针对0级最后一个孩子ul的规则。出于某些奇怪的原因，以下规则还将样式应用于其他元素。我还附上了屏幕截图。

#primary-menu ul li:last-child ul{
    left: -139%;
}

如下所示，上面的样式也适用于Our Memebers孩子ul。Talk to Usul样式的儿童工作正常。

的HTML

<nav class="navbar navbar-default" id="primary-menu">
  <div class="container">
    <div class="row">
      <div class="collapse navbar-collapse">
        <ul id="menu-primary-menu" class="nav nav-justified">
          <li><a href="#">Home</a></li>
          <li><a href="#">Our Members</a>
            <ul class="sub-menu">
              <li><a href="#">Member Countries</a>
                <ul class="sub-menu">
                  <li><a href="#">American Samoa</a></li>
                  ....
                </ul>
              </li>
              <li><a href="#">How to Become a member</a>
                <ul class="sub-menu">
                  <li><a href="#">Apply</a></li>
                  ....
                </ul>
              </li>
              <li><a href="#">Interim Members</a>
                <ul class="sub-menu">
                  <li><a href="#">Bouganville</a></li>
                  ....
                </ul>
              </li>
              <li><a href="#">Regional NGO’s</a></li>
              <li><a href="#">Observers</a>
                <ul class="sub-menu">
                  <li><a href="#">Hawaii</a></li>
                </ul>
              </li>
            </ul>
          </li>
          <li><a href="#">About Us</a>
            <ul class="sub-menu">
              <li><a href="#">Our Donors</a></li>
              ....
            </ul>
          </li>
          <li><a href="#">Talk to Us</a>
            <ul class="sub-menu">
              <li><a href="#">Our Locations</a></li>
              <li><a href="#">Contact Us</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>
</nav>

我在样式规则上做错了什么？