Javascript 在列表中悬停文本时,文本装饰不起作用

Javascript 在列表中悬停文本时,文本装饰不起作用,javascript,html,css,Javascript,Html,Css,我有一个无序列表,其中有一个链接,它的背景颜色与悬停在文本上的链接相同,因此当特定列表悬停时,文本被隐藏。我试图从特定列表中删除该效果,以便其中的文本不会被隐藏 我做了以下工作: 悬停时为内容添加其他颜色 。下拉列表:悬停{ 背景#0056b3; 颜色:白色; } .下拉列表ul li:悬停a{ 颜色:白色; } 使用特定类别,然后a:悬停以文本颜色为目标。检

我有一个无序列表,其中有一个链接,它的背景颜色与悬停在文本上的链接相同,因此当特定列表悬停时,文本被隐藏。我试图从特定列表中删除该效果,以便其中的文本不会被隐藏

我做了以下工作:


悬停时为内容添加其他颜色

。下拉列表:悬停{
背景#0056b3;
颜色:白色;
}
.下拉列表ul li:悬停a{
颜色:白色;
}

使用特定类别,然后
a:悬停
以文本颜色为目标。检查代码段

li.nyana:悬停{
颜色:#fff;
}

你试过这样吗,ul>li>a:hover{text-decoration:none;}?Orelse,请说明您是如何尝试的,这将很容易解决您的问题
文本装饰
属性应位于
a
元素上,而不是
li
我想更改特定的列表颜色,不是所有的列表是的,这将改变悬停的列表的颜色,而不是整个列表,因为我已经锁定了lii的标记。我尝试了你说的,当我悬停在父文本上时,它是好的,但是当我悬停在子列表上时,父列表正在隐藏检查..这是你想要的吗?我尝试了你这样说的,当我将鼠标悬停在父文本上时,这是正常的,但当我将鼠标悬停在子列表上时,父文本隐藏在代码段中,这并没有发生,所以我猜您的css可能会发生冲突。在这种情况下,你必须将css添加到这个问题中,这样我们才能看到你在看什么。