DIV 줄의 마지막 DIV 스타일을 지정하십시오

이 게시물 (How to style the first and last li with CSS or jQuery?)을 확인했지만 적합한 IE8 (및 IE8 이전) 솔루션을 계속 찾고 있습니다.DIV 줄의 마지막 DIV 스타일을 지정하십시오

저는 패딩 오른쪽을 갖도록 설정된 DIV 행을 가지고 있지만, 최종 DIV가 제로 패딩을 갖기를 원하면 최종 패딩이 올바르게 정렬되도록하려면 DIV의 행이 있습니다. 이전에 .css + .css 경로를 사용했지만 IE8 및 이전 버전에서는 작동하지 않는 것으로 보입니다.

도움을 주시면 감사하겠습니다.

출처

2012-04-25 Andy

는 답변 솔루션의 좋은 선택을 주셔서 감사합니다. 감사. – Andy

대단히 반갑습니다. 그게 우리가 여기있는 이유입니다! –

div.container { 
    background-color: blue; 
} 
div.container .div-row { 
    float: left; 
    padding-right: 5px; 
} 
div.container .div-row:last-child { 
    padding-right: 0px; 
}

출처

2012-04-25 14:08:27

마지막 div에 클래스를 지정하여 IE에서 해당 클래스와 작동하도록 할 수 있습니다.

<div class="last"></div> 

<style> 
    .last 
    { 
     padding-right:0; 
    } 
</style>

출처

2012-04-25 14:05:30

이것이이 문제를 해결 한 방법입니다. 우리는 첫 번째와 마지막 div에 대해 서로 다른 스타일을 가지고 있습니다. 클래스를 수동으로 추가해야했습니다. –

또한 동일한 작업을 수행 할 장소가 두 개 이상인 경우 javascript로 작업 할 수 있습니다. –

다음과 같은 CSS 같은 것을 사용할 수 있습니다

.rowofdivs div:last-child { 
    padding-right: 0; 
}

출처

2012-04-25 14:06:39 callumacrae

할 수 있습니다 사용자 CSS 의사 클래스 :last-of-type

출처

2012-04-25 14:06:44 gabitzish

이것을 CSS3 선택이 뭐죠 사용할 수의 목록 quirks mode를 볼 수 있습니다 어떤 브라우저.

마지막 div 코드에 class = "last"를 추가하지 않는 이유는 무엇입니까?

마지막 아이는 IE8 및 사용할 수 없습니다 덜 이들 모두 포함 DIV 포장, 당신이 할 수 있어야 거기에 가정

출처

2012-04-25 14:07:11 Rippo

수동을 추가 할 수없는 경우를 마지막 "클래스에서 다른 답변에 제안 된대로이를 수행하려면 JavaScript를 사용해야합니다. 당신이 jQuery를하는 경우, 당신은 같은 것을 할 수 있습니다

$('#parentdiv div:last-child').addClass('last');

그런 다음 그에 따라 스타일 시트를 조정합니다

.last { padding-right: 0 }

출처

2012-04-25 14:38:37 chipcullen

DIV 줄의 마지막 DIV 스타일을 지정하십시오

답변

관련 문제