html下拉菜单颜色

我有一个黑色的下拉菜单，我在上面悬停时使用红色，我的问题是，当我进入下拉菜单时，颜色从红色变为黑色，我想要的是，例如，我悬停在大约变成红色的颜色上时，会出现一个下拉菜单，当我进入大约变成颜色的菜单时，大约变成黑色，在我离开下拉菜单之前，我希望颜色为红色

HTML代码

<ul class="drop_menu">
    <li>
      <a href="#">Home</a></li>
          <li><a href="#">about</a></li>
             <ul> 
               <li>contact us</li>
               <li>about us</li></ul>
          <li><a href="#">Home2</a></li>
</ul>

.drop_menu > li > a:hover {
          color: red;
        }
        .drop_menu li:hover ul {
        background: #484f57;
        }
        .drop_menu li:hover ul li a {
        display:block;
        background-color:#484f57;
        color: #ddd;
        }

---

您需要使用.drop_菜单的悬停选择器，而不是在上使用它，这就是为什么当您将鼠标移离锚定标记时，它当前会变回黑色

而是像这样：

.drop_menu:hover {
      color: red;
}

---

您需要将您的子菜单移动到

标记内，大约如下所示：

<ul class="drop_menu">
  <li><a href="#">Home</a></li>

  <li><a href="#">about</a>
    <ul>
      <li>contact us</li>
      <li>about us</li>
    </ul>
  </li>

  <li><a href="#">Home2</a></li>
</ul>

---

这将导致当鼠标悬停在子菜单上时，

是一个演示，父菜单项的颜色为红色。
如果我理解您的意思，请尝试使用：

.drop_menu a{
    color:black;
    text-decoration:none;
}
.drop_menu > li > a:hover {
  color: red;

}
.drop_menu li ul {
  display: none;

}
.drop_menu li:hover ul {
  display: block;
background: #484f57;
}
.drop_menu li:hover ul li a {
display:block;
background-color:#484f57;
color: #ddd;
}

你会拉小提琴吗？当我用你提供的代码制作一个时，很明显我们缺少css。它不起作用，当我移动到子菜单时，abut的颜色变成黑色，我想要的是当我移动到子菜单时，我想要的颜色是红色。你想要背景色是红色吗？当前，悬停时链接变为红色，子菜单的背景为黑色。您所要做的就是将样式添加到同一选择器中。因此，如果您希望背景变为红色，请添加“background color:red；”到
。下拉菜单li:hover ul
选择Ori不希望背景为红色，我希望文本的颜色为红色，我想你不明白我的问题，我的问题是：当我在菜单上悬停时，菜单中文本的颜色变为红色，但当我移动到子菜单时，菜单中文本的颜色变为黑色，我想在菜单中的文本颜色是红色，即使我移动到子菜单。
.drop_menu a{
    color:black;
    text-decoration:none;
}
.drop_menu > li > a:hover {
  color: red;

}
.drop_menu li ul {
  display: none;

}
.drop_menu li:hover ul {
  display: block;
background: #484f57;
}
.drop_menu li:hover ul li a {
display:block;
background-color:#484f57;
color: #ddd;
}