Javascript CSS显示：在链接上单击事件之前没有触发，所以单击被视为单击主体

我正在将一个中等规模的CMS网站（400页）转变为一个响应迅速、移动友好、移动第一的网站

作为墨西哥客户的网站，2g是标准，3g是例外，该网站需要精简到尽可能小的页面大小，以获得合理的页面加载速度

防止使用，说得方便，但“臃肿”的JS库（jQuery等）、网页框架作为Bootstrap、Basic和CMS为WordPress、JooMLA等

到目前为止，轻量级CMS没有问题，演示将使用轻量级框架“Kube”进行

剩下的唯一问题是，我找不到任何纯CSS多级下拉菜单，它可以在手机上从垂直切换到更大屏幕上的水平。差不多100美元。仅为菜单添加JQuery和/或引导，这将使所有其他好处都变得不重要

到目前为止，我已经编写了一个纯CSS轻量级菜单脚本，它干净、轻巧、易于从DB构建，在手机上“几乎完美”地工作，并且可以很容易地转换为具有适当的媒体查询依赖CSS的水平桌面菜单。（代码如下）

/*基本样式*/
* {
保证金：0；
填充：0；
字体大小：20px；
线高：40px；
}
html{
背景色：#fff；
身高：100%；
}
身体{
颜色：#333333；
字体：0.75em/1.5em Arial，无衬线；
}
.集装箱{
左边距：自动；
右边距：自动；
边缘顶部：30px；
宽度：96%；
}
/*响应规则*/
@全部和全部介质（最大宽度：980px）{
/*基本位置和颜色模式*/
保险商实验室{
左侧填充：25px；
}
分区，
保险商实验室{
背景色：#322b8c；
颜色：#ffffff；
边框样式：实心；
边框颜色：#68e2f0；
边框宽度：2倍；
}
a{
颜色：#ffffff；
}
盘旋{
背景色：#655ccd；
颜色：#bf353d；
}
活跃的{
背景色：#655ccd；
颜色：#bf353d；
}
/*这是我的最爱*/
/*浏览器事件响应*/
/*菜单级别1*/
[class=“MENU1”]>ul{
显示：无；
}
[class=“MENU1”]：悬停>ul{
显示：块；
}
}