마지막 요소에 CSS 추가

Question

부트 스트랩 기반 메뉴가 있으며 마지막 드롭 다운 메뉴에 CSS를 추가하고 싶습니다. 그래서 HTML이 :

<div class="collapse navbar-collapse" > 
    <ul class="nav navbar-nav "> 
     <li class="drop"> 
      <a href="1.html">Lorem</a> 
      <ul class="dropdown"> 
       <li><a href="#">Lorem</a></li> 
      </ul> 
     </li> 
     <li class="drop"> 
      <a href="1.html">Lorem</a> 
      <ul class="dropdown"> 
       <li><a href="#">Lorem</a></li> 
      </ul> 
     </li> 
    </ul> 
</div> 

을 그리고 CSS를 추가하려고 : 모든 드롭 다운 메뉴로

.navbar-nav li.drop ul.dropdown:last-of-type{ 
    left:-140px; 
    } 

하지만이 코드를 추가 CSS를,하지만 것입니다 내가 여기에만 마지막

Answer 1

문제를 원한다 last-of-type은 마지막 형제를 찾고 있지만 두 개의 .dropdowns은 형제가 아닙니다. 이들은 .drop 요소의 하위 항목입니다.

이 대신 할 경우 :

.navbar-nav li.drop:last-of-type ul.dropdown{ 
    left:-140px; 
} 

... 예상대로 다음 작동합니다.