如何CSS樣式添加到集中的錨在HTML

Question

在第1頁有一個鏈接，帶你到一個特定點第2頁

<a href="page2.html#position">MY TEXT HERE</a>

這需要你直接到錨（位置）上第2頁使用以下代碼

<a name="position"> MORE TEXT HERE</a> 

現在，我的問題是如何在#position位於URL中時更改文本和背景顏色？

例如：www.domainname.com/page2.html#position

這是我使用，但不工作的CSS：

#position { 
color:#ff0000; 
background-color:#f5f36e; 
} 

下面是一個例子http://jsfiddle.net/jvtcj/2/

先謝謝你！

Answer 1

使用:target選擇。

參考文獻：

• CSS selectors, level 3。

Answer 2

嘗試使用

<a name="position" class="position"> MORE TEXT HERE</a> 

而且在CSS使用

.position { 
color:#ff0000; 
background-color:#f5f36e; 
} 

http://jsfiddle.net/jvtcj/4/

Answer 3

的ID添加到標籤。

你可以看到如何使用這裏對您的例子

http://jsfiddle.net/h5NZh/

​​

Answer 4

您可以使用CSS3 :target peseudo選擇：http://blog.teamtreehouse.com/stay-on-target

此外，不要用老的神話<a name="destination">...</a>，所有你需要的是id你想要跳轉到的部分，例如因爲命名錨似乎已經被丟棄，如果不是完全廢棄

a:target, /* or simply */ 
:target { 
    /* CSS to style the focused/target element */ 
} 

你會更好使用特定元素的id接收焦點，：<section id="destination">...</section>

Answer 5

<a href="#position2" id="position">MY TEXT HERE</a> 
... 
<a name="position2" id="pos2"> MORE TEXT HERE</a> 

...在CSS：

a[name=position2]:target{  
    background-color:green; 
}