Html Can';不要让悬停在导航锚上工作

Html Can';不要让悬停在导航锚上工作,html,css,hover,Html,Css,Hover,无法使菜单链接上的鼠标悬停生效。我正在使用Xampp进行本地远程测试 .menu ul>li a:hover{ color: blue; font-size: 3rem; } 我试过不同的选择器,等等。。。似乎什么都不管用 代码如下: *{ 框大小:边框框; } html, 身体{ 颜色:#222; 字体大小:16px; 线高:1.4; 身高:100%; 字体系列:“Roboto”,无衬线; 保证金:0; } 标题{ 背景图像:url(“../i

无法使菜单链接上的鼠标悬停生效。我正在使用Xampp进行本地远程测试

.menu ul>li a:hover{
        color: blue;
        font-size: 3rem;
    }
我试过不同的选择器,等等。。。似乎什么都不管用 代码如下:

*{
框大小:边框框;
}
html,
身体{
颜色:#222;
字体大小:16px;
线高:1.4;
身高:100%;
字体系列:“Roboto”,无衬线;
保证金:0;
}
标题{
背景图像:url(“../images/header.jpg”);
身高:70%;
宽度:100%;
溢出:隐藏;
背景位置:中心;
背景重复:无重复;
背景尺寸:封面;
}
.关于{
背景图片:url(“../images/bellow_header.jpg”);
身高:70%;
宽度:100%;
溢出:隐藏;
背景位置:中心;
背景重复:无重复;
背景尺寸:封面;
}
/*这里开始导航栏的样式*/
#标志{
字体大小:2.5rem;
文字装饰:无;
显示:块!重要;
文本对齐:居中;
颜色:黑色;
保证金:1rem自动0自动;
字体系列:“Pacifico”,草书;
}
保险商实验室{
列表样式类型:无;
保证金:0;
填充:0;
}
.菜单{
溢出:隐藏;
显示器:flex;
弯曲方向:行;
证明内容:柔性端;
保证金:0.5雷姆1.5雷姆;
}
.主动a{
颜色:#CC5200!重要;
字体大小:1.7rem;
字号:700;
}
.菜单a{
字体大小:1.5rem;
字号:500;
填充:0.3rem;
文字装饰:无;
颜色:黑色;
}
/*默认情况下,在手机上导航不可见*/
李先生{
显示:无;
颜色:黑色;
}
.菜单.图标{
订单:99份;;
显示:块;
}
.menu.menuOpen{
位置:固定;
宽度:80%;
左:10%;
弯曲方向:立柱;
背景色:#161415;
边界半径:1em;
保证金:0.5雷姆自动;
}
/*将图标移动到右上角*/
.menu.menuOpen.icon{
位置:绝对位置;
右:0;
排名:0;
}
.menu.menuOpen li{
显示:块;
文本对齐:居中;
颜色:白色;
}
/*药片*/
@仅介质屏幕和(最小宽度:481px){
/*风格*/
/*隐藏图标*/
.菜单.图标{
显示:无!重要;
}
李先生{
显示:内联块;
左边距:0.5雷姆;
}
.菜单ul>LIA:悬停{
颜色:蓝色;
字体大小:3rem;
}
#标志{
左边距:2em;
页边顶部:1rem;
显示:内联块;
文本对齐:左对齐;
}
}
/*景观使背景看起来很好*/
@媒体屏幕和(最小宽度:481px)和(最大宽度:768px)和(方向:横向){
/*景观风格*/
标题{
身高:120%;
}
}
/*笔记本电脑*/
@仅介质屏幕和(最小宽度:769px){
/*风格*/
#标志{
显示:内联块;
位置:相对位置;
顶部:3rem;
左:4rem;
}
}
/*大屏幕*/
@仅介质屏幕和(最小宽度:1025px){
/*风格*/
}

StyleTravel Home
}

你的悬停很好,但有一个错误<代码>显示:阻止!重要的这是你穿的衣服,它正在拉伸,占据了所有可见的宽度。所以,当你把鼠标悬停在链接上时,它实际上并没有悬停在链接上!如果删除或取消设置样式,它将工作

虽然你的悬停看起来不太好,但是如果你删除代码,它就会悬停!这是我的


只要删除注释样式就可以了。

在代码段中效果很好……是的,但在所有浏览器中都不行。就您的具体问题提问。更详细地描述行为而不是“不工作”(它做什么?应该做什么?)。请具体说明哪些浏览器能像您期望的那样工作,哪些不能。如果我说得不够具体,那就抱歉了!下次我会尽力的!
#logo {
font-size: 2.5rem;
text-decoration: none;
/* display: block !important; */
#logo {
  font-size: 2.5rem;
  text-decoration: none;
  display: block !important;  /* Remove this ans code will work!*/
  text-align: center;
  color: black;
  margin: 1rem auto 0 auto;
  font-family: "Pacifico", cursive;
  outline: 1px solid red;  /* for demonestration */
  background: #3333;     /* for demonestration */
}