javascript - 有没有办法将菜单链接放到该菜单链接的子菜单中，并在您按下另一个选项之前保持选定的颜色？

Question

总而言之，我说的是包含汉堡包的移动菜单。当您按下汉堡包 lvl1 菜单下降(每个菜单项左侧有 5px 边框，每个菜单项都不同)并且当您选择一个菜单项(比方说“Papierbasteln”)时，lvl2 或子菜单打开。我想知道如何将该菜单项“Papierbasteln”放入该 lvl2/子菜单中，并使其具有完整的背景颜色，而不仅仅是左边框。

所以，我已经设法将菜单项“Papierbasteln”放在 lvl2/sub 菜单中，这样我现在就可以看到它了，但是我无法将其设置为完整的背景颜色，而不是在左边框中...我制作了新的 css 样式并将其导入该标签，但它仍然显示 border-left。

这些是每个单独加载的颜色 <span>标签

在 css 中，我尝试用 :focus 伪类定义它，它只显示 :active 类

(列表不断，但只是为了让您看到我尝试过的内容)

因此，如果有人知道如何在 lvl2/子菜单中列出 lvl1/主菜单项并在整个背景中着色，而不仅仅是在左边框的 5px 处着色，那么我的预期和实际结果将是。

Answer 1

已解决:

我注意到它使用 mustache.js 作为模板，所以我学习了如何使用 mustache 并想通了。

首先，我不得不更改 css，因为它不起作用，所以我想到了这个:

每个 nav_number 都有列表，但基本上它只是改变颜色，使文本居中，并为带有 nav_number 的每个跨度具有不同的背景颜色，这可以在上面的 _colors.scss 中看到

我添加这个也是因为我之前无法从 nav_number 范围中删除内容

最后，我配置了最初完全不理解的原始代码。

所以基本上，我必须弄清楚 {{{lvl1class}}} 代表每个 nav_number 并加载它的 css，而 {{{lvl1product}}} 代表 lvl1 菜单中的每个菜单项。由于它仅适用于移动菜单 - 我必须放置 ontouchstart=""以便 iOS 不会刹车和其他小调整只是为了匹配预先安排的设计。

每次您学到新东西时，它都会永远伴随着您。