为什么这个CSS选择器不起作用在Wordpress中选择子菜单

问题描述

| 我试图从Wordpress默认侧边栏菜单中选择子菜单项，并且试图为此编写CSS选择器。我以为我了解CSS选择器，但是我不知道在这种情况下发生了什么。 以下工作正常：

.widget_nav_menu ul .menu-item .sub-menu { background: red; }
.widget_nav_menu ul .menu-item li { background: red; }

虽然这不起作用：

.widget_nav_menu ul .menu-item li .sub-menu { background: red; }

有人可以向我解释为什么不能同时在此处指定类和类型来指定更精确的内容吗？ 幸运的是，在这种自定义级别上，我不需要更精确地选择内容（我只想隐藏子菜单项），但是有人可以告诉我如何使无效示例工作吗？ 这是一个实时网站，但所有带有TwentyTen主题和左侧多级菜单的Wordpress安装都相同。 更新：我认为我对CSS中空格的使用有很大的误解，所以我在这里问了一个问题：CSS文件中空格的使用 顺便说一句，在了解了答案并意识到我的问题出了什么问题之后，针对我的问题的正确答案是：

.widget_nav_menu li.menu-item ul.sub-menu

    

解决方法

尝试：

.widget_nav_menu ul .menu-item .sub-menu li { background: red; }

因为

sub-menu

类属于

ul

，并且在

li

之后没有

sub-menu

类     ,我相信你想要这样：

.widget_nav_menu ul .menu-item li.sub-menu { background: red; }

    ,尝试这个 ：

.widget_nav_menu ul .menu-item .sub-menu li { background: red; }

因为li项位于.sub菜单下...