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

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

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

正如您在下面看到的，上面的样式也适用于

我们的成员

儿童ul。

与我们交谈

儿童ul造型工作正常。

HTML

....





....





....













....

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

试试：

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

尝试：

---

看起来您可能需要增加一点特异性：

#主菜单#菜单主菜单>li:最后一个子菜单{
左-139%；
}

看起来您可能需要增加一点特殊性：

#主菜单#菜单主菜单>li:最后一个子菜单{
左-139%；
}

你的HTML是什么样子的？@Maverick976我已经用HTML更新了问题。你的HTML是什么样子的？@Maverick976我已经用HTML更新了问题HTML@DevilRaily，已编辑。@DevilRaily，已编辑。非常感谢你特立独行。976它就像一个符咒。令人惊叹的！非常感谢你特立独行。它很有魅力。令人惊叹的！

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