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

Question

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

当前的CSS引用了每个自定义菜单的ID，以便按照下面的方式应用每个自定义菜单的副本：

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

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

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

当上面的CSS到位时 - 样式不会像我期望的那样应用（对于任何在类窗口小部件中具有类current-page-item的父元素的A元素）。

很想知道我哪里出错了！ 感谢。

Answer 1

为什么它不起作用的几个一般原因; a）html中的元素结构与css中的选择器不匹配。 b）应用的样式被具有较高特异性值的不同类样式覆盖。 我不知道你的例子中是否就是这种情况，但它们是我想到的前两件事。尝试检查浏览器中的元素，看看您的选择器是否完全被引用。是否特定样式被现有样式覆盖。