마지막 자식 선택기가 작동하지 않습니다.

Question

저는 마지막 아이에게 약간의 문제가 있습니다. 드롭 다운 탐색이 있으며 텍스트가 잘리지 않아 마지막 드롭 다운을 나머지 부분과 다르게 정렬해야합니다.

는 는

정상적인 드롭 다운에 대한 나의 CSS 그래서 다음과 같습니다

.mainnav ul > li > ul { 
    padding: 0; 
    position: absolute; 
    top: 43px; 
    left: -20px; 
    padding-top: 10px; 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none; 
    max-height: 0px; 
    overflow: hidden; 
    -webkit-transiton: all 0.4s; 
    -moz-transition: all 0.4s; 
    -ms-transition: all 0.4s; 
    -o-transition: all 0.4s; 
    -transition: all 0.4s; 

}

내가 마지막 드롭 다운에 대한 조정 때 사용하려고 :

.mainnav ul > li > ul:last-child{ 
    padding: 0; 
    position: absolute; 
    top: 43px; 
    left: -120px; 
    padding-top: 10px; 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none; 
    max-height: 0px; 
    overflow: hidden; 
    -webkit-transiton: all 0.4s; 
    -moz-transition: all 0.4s; 
    -ms-transition: all 0.4s; 
    -o-transition: all 0.4s; 
    -transition: all 0.4s; 
} 

을하지만 둘 때 모든 드롭 다운에 영향을줍니다. 여기에서 테스트 사이트를 볼 수 있습니다 : http://xeroproject.com/runa_tea/

IMPACT 드롭 다운을 조정하려고합니다.

도움 주셔서 감사합니다.

Answer 1

.mainnav ul > li > ul:last-child은 셀렉터와 일치하는 요소의 마지막 자식 인 모두 <ul>을 선택합니다.

.mainnav ul > li > ul:last-child{