2011-11-28 30 views
0

我在Asp.net MVC Razor引擎主頁面中有一個列表菜單。在菜單上嘗試一些CSS時,我發現a:active屬性無法正常工作。我已經對w3schools進行了交叉檢查,但仍然無法弄清楚。爲什麼不在asp.net MVC中使用活動屬性

以下是母版頁上的HTML: -

<div class="nav"> 
    <ul> 
     <li><a href="/Store/Electronics">Electronics</a></li> 
     <li><a href="/Store/Computers">Computers</a></li> 
     <li><a href="/Store/Clothings">Clothing And Accressories</a></li> 
     <li><a href="/Store/Office">Office</a></li> 
     <li><a href="/Store/Sports">Sports</a></li> 
    </ul> 
</div> 

這裏的CSS代碼: -

.nav ul li a:link { text-decoration:none; color:#3C7777; font-weight:bold; } 
.nav ul li a:visited { text-decoration:none; color:#3C7777; } 
.nav ul li a:hover { text-decoration: underline; color: #B5B5B5; } 
.nav ul li a:active { text-decoration:none; color:#B5B5B5; } 

問題: - 所選擇的鏈接是不是在正確的顏色顯示,#B5B5B5,爲什麼?

+0

這一切看起來是正確的 - 而且與MVC無關。用Firebug檢查呈現的HTML和CSS。 –

+0

也許你很困惑:主動與:重點? – ZippyV

回答

1

只是爲了確保您不會錯過任何東西 - 活動僞類只適用於您單擊鏈接並按住鼠標按鈕的情況。它在頁面重新加載後不起作用。 (只要確保,因爲這是一個常見的錯誤)

+0

ohh k ....絕對正確....我有這種感覺,當我移動到另一個頁面時,如何保存顏色......但是很懶惰,並且認爲某種CSS應該做到這一點:-P ...... –

+0

沒有傷害 - 如果您想標記活動鏈接,您必須爲其分配一個類,在頁面加載時稱爲「活動」。例如,您可以評估當前查詢字符串以確定用戶在哪個頁面上並標記正確的鏈接。祝你好運! –

相關問題