CSS下拉菜单-悬停<li>元素时不显示菜单。

CSS下拉菜单是一种常见的网页导航菜单样式，当鼠标悬停在<li>元素上时，会显示一个下拉菜单供用户选择。如果希望在悬停<li>元素时不显示菜单，可以通过以下方式实现：

1. 使用CSS选择器来控制下拉菜单的显示与隐藏。可以给<li>元素添加一个特定的类名，例如"dropdown"，然后使用CSS选择器来选择该类名下的下拉菜单，并设置其display属性为none，即隐藏菜单。示例代码如下：

.dropdown .dropdown-menu {
  display: none;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

在上述代码中，.dropdown表示具有"dropdown"类名的<li>元素，.dropdown-menu表示下拉菜单的样式。通过设置.dropdown .dropdown-menu的display为none，初始时隐藏下拉菜单；当鼠标悬停在.dropdown元素上时，通过.dropdown:hover .dropdown-menu选择器将下拉菜单的display属性设置为block，从而显示下拉菜单。

1. 使用JavaScript来控制下拉菜单的显示与隐藏。可以通过添加事件监听器，在鼠标悬停和离开时分别添加和移除一个类名，通过该类名来控制下拉菜单的显示与隐藏。示例代码如下：

<style>
  .dropdown-menu {
    display: none;
  }

  .show-dropdown .dropdown-menu {
    display: block;
  }
</style>

<script>
  var dropdown = document.querySelector('.dropdown');

  dropdown.addEventListener('mouseenter', function() {
    dropdown.classList.add('show-dropdown');
  });

  dropdown.addEventListener('mouseleave', function() {
    dropdown.classList.remove('show-dropdown');
  });
</script>

在上述代码中，通过querySelector选择.dropdown元素，并使用addEventListener添加mouseenter和mouseleave事件监听器。当鼠标进入.dropdown元素时，通过classList.add方法添加show-dropdown类名，从而显示下拉菜单；当鼠标离开.dropdown元素时，通过classList.remove方法移除show-dropdown类名，从而隐藏下拉菜单。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云负载均衡（CLB）。

• 腾讯云云服务器（CVM）：提供弹性、可靠的云服务器，可根据业务需求灵活选择配置，支持多种操作系统和应用场景。产品介绍链接：腾讯云云服务器
• 腾讯云负载均衡（CLB）：用于将流量分发到多个云服务器实例，提高应用的可用性和负载能力。支持四层和七层负载均衡，可根据业务需求选择适合的负载均衡算法。产品介绍链接：腾讯云负载均衡