Как сделать меню

[EnergY_Queen]

Подскажите пожалуйста как сделать такое меню:
Уровень 1 (1)

--Уровень 2 (1)
--Уровень 2 (2)
--Уровень 2 (3)

Уровень 1 (2)

--Уровень 2 (1)
--Уровень 2 (2)
--Уровень 2 (3)

Уровень 1 (3)

--Уровень 2 (1)
--Уровень 2 (2)
--Уровень 2 (3)

чтоб Уровень 1(1) и 1(2) были красного цвета а уровень 1(3) черного?

[-=UncleByte=-]

Поиск по форуму и http://w3schools.com/css/ помогут.

[Exkawator]

У меня тоже вопрос по меню. Можно задам его тут.
Моё меню стандартно:

lib.menu_1 = HMENU
lib.menu_1.1 = TMENU
lib.menu_1.1 {
 NO.allWrap = <span class="menu-no">&emsp;  | </span>
 NO.stdWrap.htmlSpecialChars = 1
 ACT = 1
 ACT.stdWrap.htmlSpecialChars = 1
 ACT.allWrap = <span class="menu-act">&emsp;  | </span>
 }

И код оно генерирует вполне логичный:

<td id="menu_1">
  <span class="menu-act">&emsp;
    <a href="index.php?id=11" onfocus="blurLink(this);">Главная</a></span>
  <span class="menu-no">&emsp;
    <a href="index.php?id=12" onfocus="blurLink(this);">Новости</a></span>
  <span class="menu-no">&emsp;
    <a href="index.php?id=13" onfocus="blurLink(this);">Форум</a></span>
</td>

Вот мои вопросы:
Можно ли попросить Typo3 присваивать классы тегам <a>? Т.к. нужные мне свойства он не может унаследовать от тега <span>

[ksevelyar]

Используйте селекторы потомков. Это css.

Например:

#menu_1 a {...} или .menu-act a {...}

Если что можно сделать с помощью css - лучше сделать именно через стили, а не через typoscript.

[void]

Можно и класс...
NO.ATagParams = class="something"

[Exkawator]

Сообщение от ksevelyar

Используйте селекторы потомков...

Именно это я и пробовал:
a:hover {color: #555555;}
.menu-no {color: #FFFFFF;}
a.menu-no:hover {color: #FF0000;}
но свойство hover не наследуется

Сообщение от void

...NO.ATagParams = class="something"

Пасиб!
То что надо!