Question

我有自定义菜单的WordPress安装。此菜单有两个子菜单级别。

像这样：

+--------+-----------+--------+
| Menu 1 |  Menu 2   | Menu 3 |
+--------+-----------+--------+
|        |           | sub-1  |
|        |           | sub-2  |
|        | sub-sub-1 | sub-3  |
|        | sub-sub-2 |        |
|        | sub-sub-3 |        |
+--------+-----------+--------+

通常菜单会向右折叠打开。但我希望最后一个菜单向左折叠，因为它会生成一个水平滚动条，如果它有一个子菜单。

这是代码（请注意：我不是在寻找那些将我的代码更改为解决方案的人）我只是想要逻辑这样做，因为我想了解我在做什么。

http://pastebin.com/RTmy7SZT

微米。

Answer 1

只需使用右而不是左。

.menu-menu-container > ul > li > ul > li > ul.sub-menu{
    right: 100%;
}

Answer 2

只需使用jQuery向菜单3添加.last类，或使用css selector :last-child覆盖最后一个菜单项的css。

EG：

.menu-menu-container > ul > li.last > ul > li > ul.sub-menu{ right:100%; }

OR

.menu-menu-container > ul > li:last-child > ul > li > ul.sub-menu{ right:100%; }

Css下拉菜单折叠向左打开

2 个答案: