scuterpro

Всем привет. Прошу помощи в решении проблемы с изменением цвета одного пункта меню. Пробывал поменять цвет в .css но цвет меняется там на все пункты меню, а мне нужно только для одного, но как я понял, отдельно для пунктов меню по умолчанию нет css классов. Менял в css ul.top_menu_lvl1 li a{ значение color Вот код файла template.php для меню: Код <?if (!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED!==true)die(); $this->setFrameMode(true); if(!empty($arResult)): ?><ul class="top_menu_lvl1 clearfix"> <li><a class="home_icon<?if($arParams['SELECT_MAIN']):?> selected<?endif;?>" href="<?=SITE_DIR?>"><span><img src="<?=$templateFolder?>/img/home_icon.png" alt="" /></span></a></li><? foreach($arResult as $arItem): if($arParams['MAX_LEVEL'] == 1 && $arItem['DEPTH_LEVEL'] > 1) continue; if($arItem['SELECTED']): ?><li><a href="<?=$arItem['LINK']?>" class="selected"><span><?=$arItem['TEXT']?></span></a></li><? else: ?><li><a href="<?=$arItem['LINK']?>"><span><?=$arItem['TEXT']?></span></a></li><? endif; endforeach ?></ul><? endif; Вот css код менюшки: Код ul.top_menu_lvl1{ display: block; list-style: none; margin: 0; padding: 0; position: relative; z-index: 65; color: #000; } ul.top_menu_lvl1 li{ float: left; } ul.top_menu_lvl1 li a{ display: block; text-decoration: underline; color: #000; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; } ul.top_menu_lvl1 li a:hover{ color: #fff; text-decoration: underline; background: url(img/bg_top_part.png) 0 0 repeat-x; border-top: 1px solid #25b1e4; border-left: 1px solid #25b1e4; border-right: 1px solid #25b1e4; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; } ul.top_menu_lvl1 li a.selected{ color: #fff; position: relative; background: url(img/bg_top_part.png) 0 0 repeat-x; border-top: 1px solid #25b1e4; border-left: 1px solid #25b1e4; border-right: 1px solid #25b1e4; z-index: 85; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; } ul.top_menu_lvl1 li a span{ display: block; padding: 11px 17px; }