将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

演示

给你的ul发言课demo

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

如果你想要你的网站中的每一个li应该得到border-bottom哪个不是一个好主意而不是使用

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

如果要缩进嵌套li,可以使用文本