Question

我有一个可以处理的三级菜单：悬停并仅使用css。现在我需要为悬停添加一个小延迟（因此改变我的css：hovers to a.hover class and using jQuery）。问题是，如果浏览器关闭了javascript，菜单仍然会有效吗？我可以让两个'系统'同时工作吗？

Answer 1

在no-js标记上添加课程<html>：

<html class="no-js">

然后从JavaScript中删除该类：

$('html').removeClass('no-js');

在CSS中，您可以将具有JS禁用功能的浏览器定位为：

.menu.hover { color: red; } // .hover class
.no-js .menu:hover { color: red; } // pseudo :hover JS disabled