Css 将悬停效果添加到导航栏的特定部分

这里有一个带下拉菜单的导航栏。然而，我想在主导航栏上有两种不同的悬停效果，在下拉菜单上有一种不同的悬停效果，我已经让主导航栏通过添加下面的CSS代码来处理悬停效果

#nav_bar a:hover { 
                 background:#8c1b1f;
                 padding-bottom:13px;
                 padding-top:17px;
                 padding-left:10px;
                 padding-right:10px;                               
                 } 

---

我只需要一种方法，在下拉菜单中添加一个单独的悬停效果

您需要以这种方式使用CSS：

#nav_bar>ul>li>a:hover {
      //styles here for main menu hover
}

#nav_bar>ul>li>ul>li>a:hover {
      //styles here for dropdown menu hover
}

因此，主菜单悬停的CSS将变为：

#nav_bar>ul>li>a:hover {
     background:#8c1b1f;
     padding-bottom:13px;
     padding-top:17px;
     padding-left:10px;
     padding-right:10px; 
}

您可以使用以下代码为下拉菜单悬停指定CSS：

#nav_bar>ul>li>ul>li>a:hover {
      //styles here for dropdown menu hover
}

导航栏{ 背景色：a22b2f； 填充：10px； 盒影：0px 2px 10px； } 导航杆{ 文本对齐：居中； 左侧填充：0px； } 纳乌巴尔乌利酒店{ 显示：内联块； } 导航栏ul li a{ 颜色：白色； 字体系列：Arial； 文字装饰：无； 字体大小：粗体； 填充：15px； } 导航栏{ 显示：无； } 导航栏ul li：悬停ul{ 显示：块； 位置：绝对位置； 填充：0px； 背景：白色； 填充：10px； 边框：1px纯黑； } 导航栏ul li：悬停ul li{ 显示：块； } 导航栏ul li：悬停ul li a{ 颜色：黑色； } 导航栏>ul>li>a:悬停{ 颜色：蓝色； 背景：fff； } 导航栏>ul>li>ul>li>a:悬停{ 颜色：红色； 背景：2000人； }

---

请创建包含html部分的代码段。再次感谢！有什么办法可以给你评分吗？我还有更多疑问，可以问一下吗？