2011-08-28 33 views
0

我想使用a:current屬性來改變元素的樣式 。但問題是,一個href不能被 指向另一個頁面。 所以我創造了這樣的東西。CSS a:當前特徵

 <a class='linkstyl' href="#1" >A</a> 
     <a class='linkstyl' href="#2" >B</a> 
     <a class='linkstyl' href="#3" >C</a> 

我的CSS文件是這樣

 .linkstyl{ 
      cursor:hand;cursor:pointer;text-decoration:none; 
      color: #ccc; 


     } 
    .linkstyl:current{ 
      cursor:hand;cursor:pointer;text-decoration:none; 
      color: #aaa; 


     } 

但目前功能不作爲的思想工作,如何糾正呢?

+0

快速的谷歌搜索不會引用任何對':current'的引用。您是否在使用某個庫來啓用此功能,或者我的google-fu功能很弱? – JJJ

+0

我不熟悉':current'。它與':hover'和':active'有什麼不同? –

+0

你的意思是[':target'](http://www.w3.org/TR/css3-selectors/#target-pseudo)? –

回答

3

除非這是全新的,否則不存在CSS僞選擇器:current。您可能會想到:active:focus

:focus不會應用,但是一旦元素失去焦點,例如,如果您單擊頁面上的任何其他位置。

:active僅適用於元素爲「激活」的情況,通常這意味着當鼠標點擊或類似時。

這裏有兩個演示,所以你可以看到,如果這是你想要的東西:http://jsfiddle.net/HW8X6/

旁註idname屬性不應以數字開頭,您可能需要將它們從1更改, 2和3到類似item-1item-2,item-3

+0

原來':current'是相當新的:http://www.w3.org/TR/selectors4/#time-pseudos –

1

你完全錯過了這個「時間線性表示」僞類的要點。
嘗試再次閱讀選擇器級別4規範的current draft

你想用.linkstyl:current選擇什麼?
你知道最近沒有瀏覽器支持它,對吧?
a:local-link可能是你真正想要的。

+0

那是之前沒有的。我想他們正在積極更新它。 – BoltClock