如何在我的ul的li之间添加空格（margin-bottom）？

Question

您好我想在我的ul的每个li下面添加一些空间。当我尝试在li上设置margin-bottom时它不起作用它只是在列表的第一个li元素之上添加margin。有人能告诉我如何在每个li下添加一个空格（边距）

Answer 1

ul li{margin-bottom:10px;}

您可以在此处查看示例： http://jsfiddle.net/gdfxk/

Answer 2

我刚刚尝试过：

http://jsfiddle.net/UV99e/2/

它似乎有效。

Html：

<ul class="ul1">
    <li>Toto</li>
    <li>Titi</li>
    <li>Tata</li>
</ul>

<ul class="ul2">
    <li>Toto</li>
    <li>Titi</li>
    <li>Tata</li>
</ul>

<ul class="ul3">
    <li>Toto</li>
    <li>Titi</li>
    <li>Tata</li>
</ul>

CSS：

li
{    
    background-color : gray;
    height : 25px;
}

.ul1>li
{
    margin-bottom : 0px;
}

.ul2>li
{
    margin-bottom : 5px;
}

.ul3>li
{
    margin-bottom : 5px;
}