CSS-在wordpress自定义菜单中选择元素

我试图清理自定义主题中的一些自定义CSS，该主题突出显示当前导航页面的wordpress自定义菜单（即，查看“联系人”页面时突出显示“联系人”菜单项）

当前CSS引用每个自定义菜单的ID，以应用样式，如下所示，每个自定义菜单都有一个副本：

#nav_menu-8.widget .current-page-item > a
{}

我试图理解为什么在尝试选择同一个元素而不引用ID nav_menu-8（理想情况下是比静态引用更具动态性的元素）时，样式不适用：

.widget .current-page-item > a
{}

当上面的CSS就位时，样式并没有像我预期的那样被应用（应用于在类小部件中具有类当前页面项的父元素）

我很想知道我错在哪里！

---

谢谢。

关于它不起作用的几个一般原因； a） html中的元素结构与css中的选择器不匹配。 b） 应用的样式将被具有更高专用性值的不同类样式覆盖。

---

我不知道你的例子中是否是这样，但它们是我首先想到的两件事。尝试在浏览器中检查元素，以查看选择器是否被引用。以及特定样式是否被现有样式覆盖。

完美！谢谢你的提醒，我补充道！对每种样式都很重要，这已经覆盖了冲突的CSS-感谢你改变了我的思维方向，我真的没有想到冲突的设置！太好了。尝试查找冲突的css，以便您可以调整新的css以覆盖此特定元素的css，这样您就不必使用“！important”。始终限制使用“！important”的次数，因为它可能会使以后的事情变得困难。