Трехуровневое меню

[Master2KAZ]

Здравствуйте! Есть трехуровневое меню типа:

<ul>     <li> Menu1</li>     <li class="active"> Menu2           <ul>                 <li>Submenu1</li>                 <li>Submenu2</li>                 <li  class="active">Submenu3</li>                       <ul>                             <li  class="active">SubSubmenu1</li>                             <li>SubSubmenu2</li>                             <li>SubSubmenu3</li>                       </ul>                 </li>           </ul>     </li></ul>

При выборе пункта меню, ему присваивается класс .activ

Вопрос: как в css прописать стили так, чтобы подсвечивался только последний по счету элемент с классом .activ?

Копал в сторону дочерних селекторов, но как бы уровни вложенности разные и теперь запара.

 

[Jack_V]

В седьмой строке лишний закрывающий тег. Если не придерживаться XHTML, то li вовсе можно не закрывать.

А по вопросу: не ясно (лично мне) какого эффекта вы хотите добиться. 
Данный вариант уместен к рассмотрению: li>ul>.active?

Edited April 29, 2015 by Jack_V

[afdw]

Никак. Пока не будет ":has()" - никак. Только в JS дописывать, что этот элемент имеет активного ребёнка.

[Светлана Г.]

А псевдокласс :last-of-type не подойдет?

[afdw]

А псевдокласс :last-of-type не подойдет?

Каким образом? Он найдёт это:

<div></div><div></div><div></div> <!-- <-- -->

А надо - это:

<div>  <div>    <div></div> <!-- <-- -->  </div></div>