下拉菜单CSS不随li:hover / a:hover显示--无JavaScript

下拉菜单CSS不随li:hover / a:hover显示是指在使用CSS实现下拉菜单时，菜单项的显示不受鼠标悬停在li元素或a元素上的影响，即无法触发下拉菜单的显示效果。这种情况下，可以考虑使用纯CSS的解决方案，而无需依赖JavaScript。

解决这个问题的一种常见方法是使用CSS中的伪类选择器和相邻兄弟选择器。具体步骤如下：

1. 首先，为下拉菜单的父元素（通常是一个ul元素）添加一个类名，例如"dropdown"。
2. 使用CSS选择器选中该类名下的li元素，并设置其position属性为relative，以便后续绝对定位的子元素可以相对于其进行定位。
3. 使用CSS选择器选中该类名下的li元素中的子元素a，并设置其display属性为block，以便占据一行的宽度。
4. 使用CSS选择器选中该类名下的li元素中的子元素ul，并设置其display属性为none，以便初始状态下隐藏下拉菜单。
5. 使用CSS选择器选中该类名下的li元素的伪类选择器:hover，并选择其相邻的ul元素，设置其display属性为block，以便在鼠标悬停时显示下拉菜单。

下面是一个示例的CSS代码：

.dropdown li {
  position: relative;
}

.dropdown li a {
  display: block;
}

.dropdown li ul {
  display: none;
}

.dropdown li:hover ul {
  display: block;
}

这样，当鼠标悬停在li元素上时，对应的下拉菜单就会显示出来。你可以根据实际情况修改样式以满足设计需求。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云CSS：腾讯云提供的云服务器服务，可满足各类网站和应用的托管需求。
• 腾讯云CDN：腾讯云提供的内容分发网络服务，可加速网站的访问速度，提升用户体验。
• 腾讯云负载均衡：腾讯云提供的负载均衡服务，可将流量分发到多个服务器上，提高系统的可用性和性能。
• 腾讯云域名注册：腾讯云提供的域名注册服务，可帮助用户注册和管理域名。
• 腾讯云云数据库：腾讯云提供的云数据库服务，可满足各类应用的数据存储和管理需求。

请注意，以上仅为示例产品，实际应用中可以根据具体需求选择适合的腾讯云产品。