CSS活動菜單項

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