html.de - Aufzähungen unabhängig voneinander stylen

by SpiceLab

HTML

<ul>
  <li>Item 1</li>
  <li>Item 2
    <ul>
      <li>Subitem 2.1</li>
      <li>Subitem 2.2</li>
    </ul>
  </li>
</ul>

CSS

/* Allgemeine Formatierungen */
* {margin:0;padding:0}
ul {list-style:none}
/* 1. Menüebene */
ul li {float:left;background:#123;color:#fff}
ul li:first-child {margin-right:5px}
/* 2. Menüebene */
ul li ul li {float:none;background:#cde;color:#000}
ul li ul li:first-child {margin-right:0}