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

因此,我设法将菜单项“ Papierbasteln”放在lvl2 / sub菜单中,这样我现在就可以看到它,但是我无法使其变为完整的背景颜色,而且不能位于边框左...我制作了新的CSS样式并将其导入该标签,但仍显示左边框。

这些是每个<span>标记中加载的颜色

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

(列表不断,但这样您就可以看到我尝试过的内容)

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

最佳答案

解决了:

我注意到它使用mustache.js作为模板,因此我学习了如何使用mustache并弄清楚了。

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

对于每个nav_number,列表都会继续,但基本上,它只是改变颜色,使文本居中并且对于带有nav_number的每个范围具有不同的背景颜色,可以在上面的_colors.scss中看到

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

最后,我已经配置了最初我根本不了解的原始代码。

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

每次您学习新东西时,它就永远存在。

关于javascript - 有没有一种方法可以将菜单链接放置到该菜单链接的子菜单,并使其处于选定的颜色,直到您按下其他选项为止?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/55900141/

10-09 07:49
查看更多