如何解决为什么这个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菜单下...
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。