html – 使用CSS填写LI的整行

我有这些嵌套的ul和li。当我填充背景颜色时，嵌套的li留下缩进的部分白色。我有一些这样的李，从数据库填充，所以我不能给留给李的单个文本的余地。我如何做到这一点，使背景与缩进一起填满整个行？

现在看起来像这样

我想要这样

有什么建议怎么办？提前致谢。我不能更改html标记，因为我必须改变很多代码。有没有办法使用这个标记。这些li来自db查询，所以在这种情况下我没有确切的li数。

最好的办法是使用一种可以方便数据库管理，html和样式(CSS)的结构。

HTML：

<body>
<ul class="main">
    <li>1.</li>
    <li><ul>2</ul></li>
    <li><ul><li><ul>3.</ul></li></ul></li>
</ul>
</body>

CSS：

.main{
    position:relative;
    right:40px;
}
li{
    list-style:none;
    background:red;
    margin-top:1px;
}

我不知道如果ul不包含li是有效的或无效的。如果它的无效，那么你可以使用：

<body>
<ul class="main">
    <li>1.</li>
    <li><ul><li>2</li></ul></li>
    <li><ul><li><ul><li>3.</li></ul></li></ul></li>
</ul>
</body>

相关文章