html - 将 border-bottom 添加到嵌套列表项

Question

我想用 css 为每个列表项添加一个底部边框。这是我的 CSS 代码:

ul,ol{
    li{
        list-style-type: none;
        margin: 0;
        padding: 0;
        padding-top: 3px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #eeeeee;

        ul,ol{
            margin-left: 2em;
                li{
                    border-bottom: 1px solid #eeeeee;
                }
        }
    }
}

它给出了这样的输出:

截图网址:http://oi34.tinypic.com/ih1eea.jpg

CSS 代码在顶级元素上运行良好。但不在子列表中。请查看屏幕截图并帮助我，在此先感谢。

Answer 1

Demo

给你的 ul 说 demo

.demo li {
   border-bottom: 1px solid #000;  
}

如果您希望您网站中的每一个 li 都应该得到 border-bottom ，这不是一个好主意，而不是使用

ul li {
   border-bottom: 1px solid #000;
}

如果你想缩进你的嵌套 li 你可以使用 text