更改div-HTML的颜色

我有一个带有子菜单的下拉菜单，由以下列表组成：

<ul>
   <li class="list_item">Item 1</li>
   <li class="list_item">Item 2</li>
      <ul>
         <li class="sub_list_item">Sub Item 1</li>
         <li class="sub_list_item">Sub Item 2</li>
      </ul>
   <li class="list_item">Item 3</li>
</ul>

---

将项目2包裹在其

标签上

<ul>
   <li class="list_item">Item 1</li>
   <li class="list_item">Item 2
      <ul>
         <li class="sub_list_item">Sub Item 1</li>
         <li class="sub_list_item">Sub Item 2</li>
      </ul>
   </li>
   <li class="list_item">Item 3</li>
</ul>

第1项
第2项

子项1
子项2


第3项

将项目2包裹在其

标签上

<ul>
   <li class="list_item">Item 1</li>
   <li class="list_item">Item 2
      <ul>
         <li class="sub_list_item">Sub Item 1</li>
         <li class="sub_list_item">Sub Item 2</li>
      </ul>
   </li>
   <li class="list_item">Item 3</li>
</ul>

第1项
第2项

子项1
子项2


第3项

您可以使用直接子选择器

针对特定的

li

，而不是任何给定的

li

或

ul

-几周前我做的菜单

用法示例：

#menu > ul > li:hover {
    background: #2580a2;
}

---

您可以使用直接子选择器

针对特定的

li

，而不是任何给定的

li

或

ul

-几周前我做的菜单

用法示例：

#menu > ul > li:hover {
    background: #2580a2;
}

---

更改代码和css

<ul class="item">
    <li class="list_item">Item 1</li>
    <li class="list_item">Item 2</li>
    <ul>
        <li class="sub_list_item">Sub Item 1</li>
        <li class="sub_list_item">Sub Item 2</li>
    </ul>
    <li class="list_item">Item 3</li>
</ul>

.item
{
    color: #000000;
    list-style-type: disc;
}

.item li:hover
{
    color: #FFFFFF;
    background-color: #336600;
}

.item ul li:hover
{
    color: #FFFFFF;
    background-color: #FF0000;
}

享受。。。选择你喜欢的颜色

欲了解更多详情，请访问。。

---

更改代码和css

<ul class="item">
    <li class="list_item">Item 1</li>
    <li class="list_item">Item 2</li>
    <ul>
        <li class="sub_list_item">Sub Item 1</li>
        <li class="sub_list_item">Sub Item 2</li>
    </ul>
    <li class="list_item">Item 3</li>
</ul>

.item
{
    color: #000000;
    list-style-type: disc;
}

.item li:hover
{
    color: #FFFFFF;
    background-color: #336600;
}

.item ul li:hover
{
    color: #FFFFFF;
    background-color: #FF0000;
}

享受。。。选择你喜欢的颜色

欲了解更多详情，请访问。。

---

请显示您的CSS。您的CSS与HTML不匹配-您的HTML中没有

标记。有，我很抱歉，我只是在偷懒。您的子菜单不是主菜单项之一的子菜单。请显示您的CSS。您的CSS与HTML不匹配-您的HTML中没有
标记。有，我很抱歉，我只是在偷懒你们的子菜单不是主菜单项的子菜单。