html - CSS继承样式不覆盖

Question

样式和 HTML 代码:

#fullmenu li{
        background:red;
        border-bottom:1px solid #000;
    }
    li.tab a{
        border-left: 1px solid #000;
    }
    li.tab:hover ul.content{
        display:block;
    }
    ul.content{
        background:blue;
        border-style:none;
        display:none;
    }
    ul.content li{
        border: 1px solid #000;
    }

    <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“类”的背景颜色(在未删节的背景中是渐变的。所以不，我不能只将其更改为“蓝色”)。接下来，它有点难看，但左侧和底部边框不会覆盖并加倍显示“content li”。好像都是继承问题，想不通。我已经搜索和摆弄了几个小时，但似乎无法让它发挥作用。请帮忙。

Answer 1

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

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