Style liste i flere niveauer

<ul>
    <li>Niveau 1</li>
    <ul>
      <li>Niveau 2</li>
      <ul>
        <li>Niveau 3</li>
      </ul>
    </ul>
  </ul>

Jaja, men jeg skal kunne styles, så hvert led får sin egen style... med farve, og list-type osv... ;)

MS

så se lidt på den her: http://www.dynamicdrive.com/dynamicindex1/navigate1.htm

http://alistapart.com/articles/taminglists/

mapoulsen
Den har jeg også haft set lidt på, men den forklarer ikke hvordan man styler 3 led??

MS

<ole>

Et ul-element kan _aldrig_ være barn af et ul-element. Et ul-element kan kun have li-elementer som 'første generations børn'.
Skal lister nestes, skal de undeliggende ul-elementer være børn af li-elementer  ;o)

- derefter kan du lave noget à la:

ul {
    /*Styles her*/
}
ul ul {
    /*Styles her*/
}
ul ul ul {
    /*Styles her*/
}

/mvh
</bole>

-- altså:

<style type="text/css">
  ul{color:blue;}
  ul ul{color:red;}
  ul ul ul{color:green;}
</style>

<ul>
  <li>Niveau 1</li>
  <li><ul>
      <li>Niveau 2</li>
      <li><ul>
          <li>Niveau 3</li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

PS. Problemet med bullets ville jeg fjerne ved at undlade at have dem !-)

-- eller at lægge under-niveauer i den samme li:

<ul>
  <li>Niveau 1
    <ul>
      <li>Niveau 2
        <ul>
          <li>Niveau 3</li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

Roenving>> jeg bruger en teksteditor der generer dem automatisk i mit CMS. Derfor bliver jeg nødt til at style dem til mine kunder :)

OleBole >> du var først med det rigtige svar... Kan du smide et point?

MS

- tjah, jeg har jo en del at kaste rundt med, men foretrækker nu at prøve med et svar ... *griiiiiiiiiiiiib*  ;o)

Hehe... Lad gå... Så går pointene til dig den her gang ;)

Tak for points  ;o)