Html CSS继承样式不覆盖

风格：

名单：

我的问题是双重的，但似乎受到同样的影响。 我试图覆盖ul“类”的背景色（在未删节的背景中是渐变色。所以不，我不能只是将其更改为“蓝色”）。 接下来，它有点难看，但左边框和下边框将不会覆盖并加倍为“content li”。 这两个似乎都是继承问题，我无法理解。我已经搜罗和摆弄了好几个小时了，似乎无法使它发挥作用。

---

请提供帮助。

由于id选择器优先于类选择器，因此这将修复嵌套列表：

<ul id="fullmenu">
<li class="tab"><a href=#>A</a>
    <ul class="content">
        <li><a href=#>A.1</a></li>
        <li><a href=#>A.2</a></li>
    </ul>
</li>
</ul>

---

将代码更改为：

#完整菜单li{
背景：红色；
边框底部：1px实心#000；
}
表a{
左边框：1px实心#000；
}
内容{
边框样式：无；
显示：无；
}
#全菜单ul.content li{
背景：蓝色；
}
ul.content li{
边框：1px实心#000；
}
li.选项卡：悬停ul.content{
显示：块；
}

您应该阅读一篇文章，例如，了解如何根据您的定义应用规则。

<ul id="fullmenu">
<li class="tab"><a href=#>A</a>
    <ul class="content">
        <li><a href=#>A.1</a></li>
        <li><a href=#>A.2</a></li>
    </ul>
</li>
</ul>

ul#fullmenu ul.content{
    background:blue;
    border-style:none;
    display:none;
}