마지막 자식에서 여백 없음

Question

CSS의 ':last-child'의사 선택기를 알고 있습니다.하지만 div에서 각 '마지막'요소의 마지막 하위에서 margin-bottom을 제거하고 싶습니다. 예를 들어

:

<div id="box1" class="box"> <div class="input-group"></div> <div class="input-group"></div> <div class="input-group"></div> </div> <div id="box2" class="box"> <div class="input-group"></div> <div class="input-group"></div> <div class="input-group"></div> </div>

그래서 나는 일이 원하는 것을, 각 .box입니다

, 나는 더 마진이없는 것으로 마지막 .input-group 줄까?

이제 분명히 :last-child.input-group의 즉각적인 - 마지막 자식에서 여백 하단을 제거,하지만 난 여기에 감각을 만들고있어 경우에 나는 확실하지 않다, 그것은 각 .box의 마지막 자식 때 그것을 인식하기를 원할 것 또는 아니.

그럴 수 없다면 다른 방법은 있습니까?

건배! 표시

Answer 1

는 변경하지 않아도됩니다.

.input-group:last-child{ 
    margin-bottom: 0px; 
} 

JS 바이올린 : 만약 box 이외 다른 .input-group 요소가 있다면http://jsfiddle.net/F7W8p/2/

셀렉터에 .box를 추가 할 수있다 : 여기

.box .input-group:last-child{ 
    margin-bottom: 0px; 
} 

행동의 선택을 나타내는 예이다 : http://jsfiddle.net/F7W8p/3/

Answer 2

당신의 CSS 문서에서이 을보십시오.

.box > .input-group:last-child {margin:0;}