정확 : ul> li> ul> li 구조의 마지막 li에 대한 마지막 자식 CSS3 구문

Question

display:none; 명령에 의해 숨겨진 두 번째 수준과 마지막으로 li 명령을 내릴 필요가 있습니다.

내 ulli 구조

<ul> 
    <li> 
     <ul> 
      <li>dynamic content</li> 
      <li>dynamic content</li> 
      <li>* * *</li> 
     </ul> 
    </li> 
    <li> 
     <ul> 
      <li>dynamic content</li> 
      <li>dynamic content</li> 
      <li>* * *</li> 
     </ul> 
    </li> 
    <li> 
     <ul> 
      <li>dynamic content</li> 
      <li>dynamic content</li> 
      <!-- I need to make li below hidden--> 
      <li>* * *</li> 
     </ul> 
    </li> 
</ul> 

실패 시험 : 그러나 나는 아래의 시험으로 달성 할 수

모든 * * * 숨겨진 만든 ->li ul:last-child li:last-child{display:none;}

모든 * * * 또한 숨겨진 만든 ->li ul li:last-child{display:none;}

수 있습니까? 나를 바로 잡아 주시겠습니까?

Answer 1

이 당신이 원하는 것을 할 나타납니다

ul li:last-child ul li:last-child{display:none;} 

Fiddle demo