[Syfer43]

с просонья не доуказал некоторых тонкостей

<ul class="nav">
  <li class=nav-item>1</li>
     <ul class=nav-sub>
       <div class="title">tit1</div>
       <li class=nav-item><a href=# />1.1</li>
       <li class=nav-item><a href=# />1.2</li>
       <li class=nav-item><a href=# />1.n</li>
     </ul>
  <li class=nav-item>2</li>
     <ul class=nav-sub>
       <div class="title">tit2</div>
       <li class=nav-item><a href=# />2.1</li>
       <li class=nav-item><a href=# />2.2</li>
       <li class=nav-item><a href=# />2.n</li>
     </ul>
  <li class=nav-item>3</li>
     <ul class=nav-sub>
       <div class="title">tit3</div>
       <li class=nav-item><a href=# />3.1</li>
       <li class=nav-item><a href=# />3.2</li>
       <li class=nav-item><a href=# />3.n</li>
     </ul>
  <li class=nav-item>4</li>
     <ul class=nav-sub>
       <div class="title">tit4</div>
       <li class=nav-item><a href=# />4.1</li>
       <li class=nav-item><a href=# />4.2</li>
       <li class=nav-item><a href=# />4.n</li>
     </ul>
  <li class=nav-item>nn</li>
     <ul class=nav-sub>
       <div class="title">titN</div>
       <li class=nav-item><a href=# />nn.1</li>
       <li class=nav-item><a href=# />nn.2</li>
       <li class=nav-item><a href=# />nn.n</li>
     </ul>
</ul>

поэтому, используя предложенный вами вариант, построенный на неверных данных, сообщенных мной, изменяется более вышестоящий li

т.е.

<li class=nav-item>4</li>
     <ul class=nav-sub>
       <div class="title">tit4</div>
       <li class=nav-item><a href=4.1 />4.1</li>
       <li class=nav-item><a href=4.2 />4.2</li>
       <li class=nav-item><a href=4.n />4.n</li>
     </ul>

меняется на

<li class=nav1>4</li>
     <ul class=nav-sub>
       <div class="title">tit4</div>
       <li class=nav-item><a href=4.1 />4.1</li>
       <li class=nav-item><a href=4.2 />4.2</li>
       <li class=nav-item><a href=4.n />4.n</li>
     </ul>

подскажите, как докрутить?