Как поменять цвет под меню 2-го уровня

Подскажите пожалуйста как можно через css поменять цвет под меню 2-го уровня!!! Вот изображение

 

Дайте html и css меню, тогда вам скажут

В общем и целом, если это меню построено на простом списке, например вот так:

Код (CODE):

1. <ul id="menu-left">
2. <li>Пункт 1</li>
3. <li>Пункт 2
4.    <ul>
5.    <li>Пункт 2.1
6.       <ul>
7.       <li>Пункт 2.1.1</li>
8.       <li>Пункт 2.1.2</li>
9.       </ul>
10.    </li>
11.    <li>Пункт 2.2</li>
12.    </ul>
13. </li>
14. ...
15. </ul>

Тогда в css вам нужно задать:

Код (CODE):

1. ul#menu-left ul ul {color:#xxxxxx}

где xxxxxx - желаемый вами цвет в hex-формате.

 

Нет меню представлено по другому через модуль mainmenu:

Код (CODE):

1. <table width="100%" border="0" cellpadding="0" cellspacing="0">
2. <tr align="left"><td><a href="http://lgr74.ru/o-kompanii/o-kompanii-2.html" class="mainlevel" >О компании</a></td></tr>
3. <tr align="left"><td><a href="http://lgr74.ru/reklama/3.html" class="mainlevel" >Реклама</a>
4.  
5. <div style="padding-left: 4px"><a href="http://lgr74.ru/promoaktsii-/2.html" class="sublevel" >BTL, Промоакции</a>
6.  
7. <div style="padding-left: 8px"><a href="http://lgr74.ru/kreativnyie-aktsii/" class="sublevel" id="active_menu">креативные акции</a></div>
8. <div style="padding-left: 8px"><a href="http://lgr74.ru/degustatsiya-i-sempling/" class="sublevel" >дегустация и семплинг</a></div>
9. <div style="padding-left: 8px"><a href="http://lgr74.ru/podarok-za-pokupku-/2.html" class="sublevel" >подарок за покупку</a></div>
10. <div style="padding-left: 8px"><a href="http://lgr74.ru/razdacha-listovok/2.html" class="sublevel" >раздача листовок</a></div>
11. <div style="padding-left: 8px"><a href="http://lgr74.ru/rabota-na-vyistavkah/2.html" class="sublevel" >работа на выставках</a></div>
12. <div style="padding-left: 8px"><a href="http://lgr74.ru/prays-list-na-uslugi/2.html" class="sublevel" >прайс лист на промоакции</a></div>
13. </div>
14. <div style="padding-left: 4px"><a href="http://lgr74.ru/special-events/" class="sublevel" >Special Events</a></div>
15. <div style="padding-left: 4px"><a href="http://lgr74.ru/direct-mail-rassyilka/" class="sublevel" >Direct-mail, рассылка</a></div>
16. <div style="padding-left: 4px"><a href="http://lgr74.ru/dizayn-i-poligrafiya/2.html" class="sublevel" >Дизайн и Полиграфия</a></div>
17. <div style="padding-left: 4px"><a href="http://lgr74.ru/aksessuaryi-s-logotipom/" class="sublevel" >Аксессуары с логотипом</a></div>
18. <div style="padding-left: 4px"><a href="http://lgr74.ru/naruzhnaya-reklama/2.html" class="sublevel" >Наружная реклама</a></div>
19. <div style="padding-left: 4px"><a href="http://lgr74.ru/razmeschenie-reklamyi/2.html" class="sublevel" >Размещение рекламы</a></div>
20. </td></tr>
21. <tr align="left"><td><a href="http://lgr74.ru/pr/2.html" class="mainlevel" >PR</a></td></tr>
22. <tr align="left"><td><a href="http://lgr74.ru/prazdniki/2.html" class="mainlevel" >Праздники</a></td></tr>
23. <tr align="left"><td><a href="http://lgr74.ru/forum/116.html" class="mainlevel" >Форум</a></td></tr>
24. <tr align="left"><td><a href="http://lgr74.ru/kontaktyi/administratsiya/yarik-3.html" class="mainlevel" >Контакты</a></td></tr>
25. </table>            </td>

Здесь есть два класса mainlevel и sublevel Я так и красил в css эти пункты меню, а возможно как-то добавить ещё один например sublevel2 и так же прописать сss его параметры.

 

Возможно. Через хак mod_mainmenu. Ищите строки отвечающие за разный уровень вложенности: они будут отличаться отступом (indent), который задается для <div>.