Html 悬停背景颜色

我今天从框架开始。我从页面中选择了一个已定义的导航栏。现在我想补充一点，如果有人将鼠标悬停在li上，元素的背景色应该会改变（可能会有过渡）。但我不知道如何与元素对话。我的代码在这里（我自己的css）：

正文{
背景色：rgb（25,81,118）；
}
李：悬停{
背景色：rgb（25,81,118）；
}

基金会5














$（document.foundation（）；

车身的背景色

设置为与

li

的悬停状态相同。除非

li

事先有不同的背景颜色，否则悬停不会显示更改，因为背景将与身体混合

相反，您可以为

li

的悬停状态指定不同的背景色：

---

主体的

背景色

设置为与

li

的悬停状态相同。除非

li

事先有不同的背景颜色，否则悬停不会显示更改，因为背景将与身体混合

相反，您可以为

li

的悬停状态指定不同的背景色：

---

纯粹出于本练习的目的，以下是您的代码片段，其中的值已更改为hover函数，因此您可以看到它正在工作

我还为sub li添加了不同的悬停颜色

我还添加了过渡效果。尽管这需要供应商前缀

正文{
背景色：rgb（25,81,118）；
}
李{
-webkit转换：所有1都易于输入输出；
-moz转换：所有1都易于输入输出；
-o型转换：所有1均易于输入输出；
过渡：所有1都易于输入输出；
}
李：悬停{
背景色：rgb（200200118）；
-webkit转换：所有1都易于输入输出；
-moz转换：所有1都易于输入输出；
-o型转换：所有1均易于输入输出；
过渡：所有1都易于输入输出；
}
李莉：悬停{
背景色：rgb（255、130、9）；
}

基金会5














$（document.foundation（）；

仅出于本练习的目的，以下是您的代码片段，其中的值已更改为hover函数，因此您可以看到它正在工作

我还为sub li添加了不同的悬停颜色

我还添加了过渡效果。尽管这需要供应商前缀

正文{
背景色：rgb（25,81,118）；
}
李{
-webkit转换：所有1都易于输入输出；
-moz转换：所有1都易于输入输出；
-o型转换：所有1均易于输入输出；
过渡：所有1都易于输入输出；
}
李：悬停{
背景色：rgb（200200118）；
-webkit转换：所有1都易于输入输出；
-moz转换：所有1都易于输入输出；
-o型转换：所有1均易于输入输出；
过渡：所有1都易于输入输出；
}
李莉：悬停{
背景色：rgb（255、130、9）；
}

基金会5














$（document.foundation（）；

主体和li:hover:background color:rgb（25,81,118）的两个值相同；不，

body{background color:rgb（25,81118）；}

是背景色吗？或者你的意思是什么？你说的悬停的颜色1是身体的颜色1，所以你看不到这种变化，因为它们是相同的颜色。身体和li:hover:background color:rgb（25,81,118）；不，

body{background color:rgb（25,81118）；}

是背景色吗？或者你的意思是什么？你说的悬停是颜色1，身体是颜色1，所以你看不到这种变化，因为它们是相同的颜色。谢谢你的回答！但这并没有解决我的问题。这是我的页面：。现在，右侧顶部有一个按钮“anmelden”。如果您将此按钮悬停，则会出现

body{
    background-color: rgb(25, 81, 118);
}

li:hover{
    background-color: green;
}