Html 如何在div中选择我的a标记以更改悬停时的颜色?

Html 如何在div中选择我的a标记以更改悬停时的颜色?,html,css,hover,Html,Css,Hover,无法确定如何在div中访问我的a,因此i可以使其在:悬停时更改颜色 代码: 。菜单a{ 填充:8px; 边缘底部:20px; 颜色:#ffffff; 背景色:#18973c; 字体系列:“Exo”,无衬线; 盒影:0 2px 3px暗灰色,0 2px 3px浅灰色; 边界半径:5px; 宽度:200px; 文字装饰:无; 文本对齐:居中; 显示:块; } .菜单a:悬停{ 背景色:#ff6633; } 做好数学成功的准备! 单击左侧的任意按钮,开始该科目的数学测验。一旦你完成,你将得到你的分

无法确定如何在
div
中访问我的
a
,因此
i
可以使其在
:悬停时更改颜色

代码:

。菜单a{
填充:8px;
边缘底部:20px;
颜色:#ffffff;
背景色:#18973c;
字体系列:“Exo”,无衬线;
盒影:0 2px 3px暗灰色,0 2px 3px浅灰色;
边界半径:5px;
宽度:200px;
文字装饰:无;
文本对齐:居中;
显示:块;
}
.菜单a:悬停{
背景色:#ff6633;
}

做好数学成功的准备!
单击左侧的任意按钮,开始该科目的数学测验。一旦你完成,你将得到你的分数!
有了这个网站,你再也不会不及格了!

您的代码应该可以正常工作,它可能会被重写,因为已经有了其他规则

  • 您可以通过向规则中添加父项来尝试在规则中进行更多指定

如果要更改文本的颜色,则必须使用
颜色
属性,而不是
中的
背景色
属性:悬停

.row.menu a{
填充:8px;
边缘底部:20px;
颜色:#fff;
背景色:#18973c;
字体系列:“Exo”,无衬线;
盒影:0 2px 3px暗灰色,0 2px 3px浅灰色;
边界半径:5px;
宽度:200px;
文字装饰:无;
文本对齐:居中;
显示:块;
}
.行。菜单a:悬停{
背景色:#f63;
颜色:红色/*如果要更改文本颜色*/
}

做好数学成功的准备!
单击左侧的任意按钮,开始该科目的数学测验。一旦你完成,你将得到你的分数!
有了这个网站,你再也不会不及格了!

您的代码应该可以正常工作,它可能会被重写,因为已经有了其他规则

  • 您可以通过向规则中添加父项来尝试在规则中进行更多指定

如果要更改文本的颜色,则必须使用
颜色
属性,而不是
中的
背景色
属性:悬停

.row.menu a{
填充:8px;
边缘底部:20px;
颜色:#fff;
背景色:#18973c;
字体系列:“Exo”,无衬线;
盒影:0 2px 3px暗灰色,0 2px 3px浅灰色;
边界半径:5px;
宽度:200px;
文字装饰:无;
文本对齐:居中;
显示:块;
}
.行。菜单a:悬停{
背景色:#f63;
颜色:红色/*如果要更改文本颜色*/
}

做好数学成功的准备!
单击左侧的任意按钮,开始该科目的数学测验。一旦你完成,你将得到你的分数!
有了这个网站,你再也不会不及格了!

如下更改悬停时的文本颜色

。菜单a{
填充:8px;
边缘底部:20px;
颜色:#ffffff;
背景色:#18973c;
字体系列:“Exo”,无衬线;
盒影:0 2px 3px暗灰色,0 2px 3px浅灰色;
边界半径:5px;
宽度:200px;
文字装饰:无;
文本对齐:居中;
显示:块;
}
.菜单a:悬停{
背景色:#ff6633;
颜色:蓝色;
}

做好数学成功的准备!
单击左侧的任意按钮,开始该科目的数学测验。一旦你完成,你将得到你的分数!
有了这个网站,你再也不会不及格了!

如下更改悬停时的文本颜色

。菜单a{
填充:8px;
边缘底部:20px;
颜色:#ffffff;
背景色:#18973c;
字体系列:“Exo”,无衬线;
盒影:0 2px 3px暗灰色,0 2px 3px浅灰色;
边界半径:5px;
宽度:200px;
文字装饰:无;
文本对齐:居中;
显示:块;
}
.菜单a:悬停{
背景色:#ff6633;
颜色:蓝色;
}

做好数学成功的准备!
单击左侧的任意按钮,开始该科目的数学测验。一旦你完成,你将得到你的分数!
有了这个网站,你再也不会不及格了!

试试
。菜单a:悬停{color:#ff6633;}
您的代码按预期工作。。在悬停锚定时
a
更改背景颜色尝试
。菜单a:悬停{color:#ff6633;}
您的代码按预期工作。。当我测试你的代码片段时,悬停锚点
a
出于某种原因更改背景颜色,它可以工作,但当我向“coda”添加完全相同的代码时,它就不工作了。有什么线索吗?要么在开发工具中调试以查看是否有其他样式规则正在覆盖它,要么.add!重要颜色:蓝色可增加检测目的的特异性!重要的不是最佳实践。仅用于测试。出于某种原因,当我测试您的代码片段时,它可以工作,但当我将完全相同的代码添加到“coda”时,它就不工作了。有什么线索吗?要么在开发工具中调试以查看是否有其他样式规则正在覆盖它,要么.add!重要颜色:蓝色可增加检测目的的特异性!重要的不是最佳实践。仅用于测试。