二级下拉菜单a:hover样式调用不了【HTML】

web前端|html教程

二级下拉菜单a:hover样式调用不了

web前端-html教程

本帖最后由 kxteb0cc 于 -01-07 18:46:49 编辑

彩票k系统源码,vscode如何解注,技嘉主板 ubuntu,tomcat 再次登录,sqlite存储20万数据,网络爬虫是模拟客户端,php 字符串指定位置,青岛seo整站外包,可以上传视频的网站源码,保护环境的网页制作有源代码,图片简约大气模板lzw

我写了两个a:hover，但是二级下拉菜单始终使用的一级导航的hover，这是为嘛？我代码写的不对么？求高人指点！

discuz教育源码,使用vscode搭建dsp开发,ubuntu 什么桌面,tomcat 文件夹权限,swing sqlite,邵东网页设计,oracle数据库的统一命名与 公司,万网空间和阿里云服务器有什么不同,js 上传音乐插件,前端目录框架,爬虫股民电话,php触发器,seo怎么收费,springboot包裁剪,图集 踩标签,开源项目网站,java 网页程序,aspx模板,iis 访问不了后台,帝国cms搜索页面不支持标签,php文章管理系统 源码,马克斯程序快播电影lzw

/* 一级导航 */* {margin: 0; padding: 0;}ul {list-style: none;}a {text-decoration: none;}body {margin-top: 5px;}#nav {background: #39F; widht: 100%; height: 30px; line-height: 30px;}#nav ul {float: left; position: relative; left: 50%;}#nav ul li {float: left; position: relative; right: 50%;}#nav a {display: block; width: 100px; margin: 0 5px; text-align: center;}#nav a:hover {background: #FFF; color: #F00;}/* 二级导航 */.nav_list {position:absolute; left: 0; top: 30px; width: 98px; border: 1px solid #000; background: #F60; line-height: 30px; overflow: hidden;}.nav_list a {display: block; color: #FFF; width: 100px; text-align: center; color: #F00;}.nav_list a:hover {background: #0F0; color: #00F;}

电影

动作片 喜剧片 科幻片

电视剧综艺

神马图片网源码,ubuntu怎样命令窗口,知乎视频爬虫,php rsa 117,qq部落seolzw

回复讨论(解决方案)

#nav .nav_list {position:absolute; left: 0; top: 30px; width: 98px; border: 1px solid #000; background: #F60; line-height: 30px; overflow: hidden;}#nav .nav_list a {display: block; color: #FFF; width: 100px; text-align: center; color: #F00;}#nav .nav_list a:hover {background: #0F0; color: #00F;}

修改成这样 ，原因是 选择器 根据重要性来决定优先度的 。

id选择器 的优先级别高于 类选择器

XML/HTML code?123#nav .nav_list {position:absolute; left: 0; top: 30px; width: 98px; border: 1px solid #000; background: #F60; line-height: 30px; overflow: hidden;}#nav .nav_list a {displ……

多谢，果然解决了