CSS active item item

Question

Привет Я пытаюсь изменить веб-шаблон, который не имеет разных цветов для активных элементов меню. Я пробовал различные изменения, чтобы настроить это. Есть идеи? Вот CSS:

/** TOP MENU  **/ 

.top_menu .moduletable { 
margin:0; 
} 

.top_menu li { 
margin:0px 0 0 5px ; 
padding:0; 
float:left; 
height:100px; 
list-style : none; 
background : transparent url(../images/top_menu_left.png) 0 0 no-repeat; 
opacity:0.6; 
-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* fix IE8 */ 
filter: apha(opacity = 60);     /* fix IE7  */ 
-webkit-transition : all 0.4s ease-in-out; 
-moz-transition : all 0.4s ease-in-out; 
-ms-transition : all 0.4s ease-in-out; 
-o-transition : all 0.4s ease-in-out; 
transition : all 0.4s ease-in-out; 
} 

.top_menu li:hover { 
opacity:1; 
-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* fix IE8 */ 
filter: apha(opacity = 100);            /* fix IE7  */ 
} 

.top_menu li a { 
display:block; 
color: #24221E/*8c8c8c*/; 
text-shadow:0 0 3px #fff; 
background : transparent url(../images/top_menu_right.png) 100% 0 no-repeat; 
text-decoration:none; 
text-transform: none; 
font-weight:bold; 
font-size:90%; 
margin-right:-13px; 
padding: 60px 22px 4px 20px; 
height:40px; 
} 

Любая помощь будет принята с благодарностью

Answer 1

Я вижу, что вы используете Joomla в качестве системы управления контентом, и вы должны использовать класс для стилизации элемента, например active, а затем вы можете использовать CSS для назначения другого стиля для этого элемента.

.active { 
    text-decoration: underline; 
    font-weight: bold; 
} 

Если вы хотите изменить цвет ссылки, вам необходимо непосредственно отправить тег, используя следующий код.

.active a { 
    color: red; 
} 

Вы могли бы найти этот ответ также полезный: Joomla - how to hightlight the menu item for active page