Autor Zpráva
hobr
Profil *
Zdravím,

mám zhruba takovýto seznam položek menu:
<ul class="menu">
<li class="expanded first active-trail"><a href="/tento/o-nas" class="active-trail">O nás</a>
<ul class="menu">
<li class="leaf first "><a href="/tento/desatero">Desatero</a></li> 
<li class="leaf"><a href="/tento/zacit">Začít</a></li> 
<li class="leaf"><a href="/tento/historie">Historie</a></li> 
<li class="expanded active active-trail"><a href="/tento/dokumenty" class="active-trail active">Dokumenty</a>
<ul class="menu">
<li class="leaf first"><a href="/tento/dokumenty/plan">Plán</a></li> 
<li class="leaf"><a href="/tento/dokumenty/zpravy"">Zprávy</a></li> 
</ul></li> 
<li class="leaf"><a href="/tento/uspechy">Úspěchy</a></li> 
</ul></li> 
<li class="collapsed"><a href="/tento/skola" >Škola</a></li>
atd...


Pro názornost schéma:
O nás     - Desatero
          - Začít
          - Historie
          - Dokumenty - Plán
                      - Zprávy
          - Úspěchy
Škola

Nevím, jak odlišit stylově Plán a Zprávy od Desatero, Začít, Historie a Úspěchy. Třídy nemohu změnit, ty vytváří redakční systém. Nicméně vím, že se nějak dá stylově odlišit stejná třída, když je jinak v seznamech vnořená. Kdysi jsem to někde viděl, ale nemůžu to dohledat :(

Děkuji moc za pomoc!
Nox
Profil
ul.menu{...}
ul.menu ul{...} /* seznam uvnitř seznamu */
/* nebo ul.menu ul.menu{...} pokud je to potřeba*/

ale pozor na dědičnost
Bubák
Profil
Možná sis to odvodil, jen doplním Noxe, protože styl pro „Plán a Zprávy“ mu u ukázce chybí:
ul.menu ul ul {...} /* seznam uvnitr zanoreneho seznamu */

Není mi jasné, proč dáváš zanořeným seznamům třídu "menu", řádky 3 a 8 tvého HTML kódu, seznam i položky seznamu nastyluješ i bez těchto vnořených tříd.
Nox
Profil
Bubák:
hobr: „Třídy nemohu změnit, ty vytváří redakční systém.
hobr
Profil *
Zkusil jsem:
ul.menu ul.menu ul{...}

což funguje :)

Díky moc!

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: