내 ul의 리 사이에 여백 (바닥 글)을 어떻게 추가합니까?

Question

안녕하세요, 저는 각 ul의 아래에 약간의 공간을 추가하려고합니다. li에 margin-bottom을 설정하려고하면 작동하지 않습니다. 목록의 첫 번째 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; 
}