마지막 자식의 마지막 자식을 선택하십시오.

Question

좋아, 그래서 CSS로 마지막 자식의 마지막 자식을 선택하는 데 약간의 문제가 있습니다.

내가 가진 무엇의 예입니다 : 난 그냥 클래스 "D"와 마지막 DIV를 선택하려고 주위를 연주했습니다

<div class="X"> 
    <div class= "A"> 
     <div class="B"></div> 
     <div class="C"></div> 
     <div class="D"></div> 
    </div> 
    <div class= "A"> 
     <div class="B"></div> 
     <div class="C"></div> 
     <div class="D"></div> 
    </div> 
    <div class= "A"> 
     <div class="B"></div> 
     <div class="C"></div> 
     <div class="D"></div> <!-- This is the one I want to select --> 
    </div> 
</div> 

수 없습니다. 나는 단순한 것을 놓치고있는 것처럼 느껴진다.

최종 목표는 표시하지 않는 것이지만 항상 "D"요소를 표시하지 않거나 마지막 "A"요소를 표시하지 않게됩니다.

누군가 내게이 작업을 수행하는 방법을 보여줄 수 있습니까? '

EDITED : 최상위 요소를 잊어 버렸습니다. 내가 가지고있는 것을 명확히하기 위해 X div를 추가했습니다.

Answer 1

당신은 할 수 있습니다 :

.A:last-child div:last-child { 
    //rules 
} 

Answer 2

시도 :

.A:last-child div:last-child { 

see fiddle

Answer 3

사용이 셀렉터 :

div.A:last-child div.D { ... } 

Fiddle