Will : 정렬되지 않은 목록의 마지막 목록 항목에 마지막 자식이 사용됩니까?

<ul> 
<li><a href="#">link 1</a></li> 
<li><a href="#">link 2</a></li> 
<li><a href="#">link 3</a></li> 
<li><a href="#">link 4</a></li> 
</ul>

은이가 CSS입니다 : 마지막 목록 항목에는 여백 오른쪽이 없기 때문에 마지막 아이 :

ul li 
{ 
    margin-right:5px; 
    display:block; 
    float:left; 
}

사용하는 방법이 있나요 ?

나는

ul li:last-child 
{ 
    margin-right:0px; 
}

을 시도하고 작동하지 않았다. 이 pseudo-selector는 li 요소에서 어떻게 사용됩니까?

2012-03-06 FiveTools

나는'li'에'display : inline'과 같은 여분의 코드가 있다고 가정합니까? –

당신은 왼쪽 여백을 제거하는 것에 대해 질문하고 있지만 CSS는 오른쪽 여백에 대해 말하고 있습니다 ... – BoltClock

'ul li : last-child'를 시도하십시오. ui가 없다. 'ol'과'ul' 만 있습니다. – DwB

:last-child은 지원하지 않습니다 그 브라우저의?

2012-03-06 22:16:37

당신은 당신은

ui li:last-child

을하고

ul li:last-child

해야합니다 그리고 당신의 질문에 대해 요구하고있다

당신의 CSS는 맞춤법이 틀린 마진 왼쪽,하지만 CSS를 margin- 우리에게 보여주고있다 오른쪽

2012-03-06 22:05:46 Nick

규칙에 오류가 있습니다. ui은 표시되지만 ul이어야합니다. 그리고 그것은 잘 작동합니다.

여기는 jsFiddle example입니다. 당신이 하나를 사용하고 IE 8

아래 :

2012-03-06 22:06:15 j08691

IE8이 아닌 Firefox에서 작동합니다. 이것이 문제였습니다. 나는 원래의 질문에 오타가 있었지만, 내가 작업하고 있던 소스 코드에는 오타가 없었다. 도와 주셔서 감사합니다. – FiveTools

확인해보십시오. http://www.caniuse.com/#search=last-child – shaunsantacruz

IE의 버전은 무엇입니까? IE8 이하는 이해가 안됩니다. – j08691

답변