2013-06-18 86 views
0

我的佈局代碼更改顏色<a>點擊時(asp.net mvc 4 visual studio 2012)?

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width" /> 
    <title>@ViewBag.Title</title> 
    @Styles.Render("~/Content/css") 
    @Scripts.Render("~/bundles/modernizr") 
    @Scripts.Render("~/bundles/jquery") 
    @RenderSection("scripts", required: false) 
    <style> 
     .art-hmenu li a { 
      background-color: grey; 
      color: yellow;    
     } 
    </style> 
</head> 
<body> 
    <div class="art-nav-inner"> 
     <ul class="art-hmenu"> 
      <li><a href="/Home/Index">Home</a></li> 
      <li><a href="/About/Index">Contacts</a></li> 
     </ul> 
    </div> 
    <div> 
     @RenderBody() 
    </div> 
</body> 
</html> 

當我點擊鏈接主頁,我想它會改變顏色菜單首頁 當我點擊超鏈接聯繫,它會改變顏色菜單聯繫並刪除彩色菜單首頁

如何我可以做到這一點嗎?

的感謝!

+0

歡迎來到Stackoverflow!請在這裏添加您的問題。 「我希望它會改變顏色菜單首頁當我點擊超鏈接聯繫人時,它會改變顏色菜單聯繫人和刪除顏色菜單首頁」這部分不清楚,難以理解。 – Swamy

回答

2

試試這個。

.art-hmenu li a:link {color:#FF0000;}  /* unvisited link */ 
.art-hmenu li a:visited {color:#00FF00;} /* visited link */ 
.art-hmenu li a:hover {color:#FF00FF;} /* mouse over link */ 
.art-hmenu li a:active {color:#0000FF;} /* selected link */ 

改變顏色按在color:#...;

希望這有助於你的要求。