Css下拉菜单向左折叠打开

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

M.

Answer 1

只需使用 jQuery 将 .last 类添加到菜单 3 或使用 css 选择器 :last-child 覆盖最后一个菜单项的 css。

EG：

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

或

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

Answer 2

只需使用右而不是左。

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