2014-04-23 64 views
1

有編寫HTML,我的網頁上的所有鏈接分配到相同的目的地,無論一個CSS規則的方式,如果在<a href="...">塊,規定了一個不同的目的地?組CSS規則:直接所有的鏈接只有一個

+0

據我所知,你不能使用CSS(樣式)變更內容(HTML)。例如,您可以使用它來隱藏所有'a'元素,並用其他名稱替換它們。 – TylerH

+2

不幸的是,這是不可能的CSS。你將不得不使用JavaScript或服務器端語言。 – jamez14

+0

捎帶@TylerH,你可以隱藏頁面上的所有鏈接,並使用:before或:after僞代替那些包含內容的鏈接。 – dward

回答

0

這是不可能的使用CSS,但是我想提一提這一點:

a{ pointer-events: none; } 

這是最接近你在找什麼〜它會阻止的「href」的鏈接,但不會成爲能夠重定向。

jQuery的解決方案:

$('a[href]').attr("href", "http://www.example.com"); 
+0

編輯:@David方法在jQuery方面更好。 –

2

本身,CSS不支持更改屬性;然而,這可以用jQuery做:

$("a[href]").attr("href", "http://www.example.com"); 

這將改變有一個href屬性的所有元素<a>並將它們設置鏈接到example.com。


如果你想包括所有<a>元素,只是從選擇刪除[href]

$("a").attr("href", "http://www.example.com"); 
+0

不錯,但用$('a [href]')改變$(a [href]),否則不行! –

+0

@ImranBughio好的 – David

1

謝謝大家的答案 - 我問我的老師(誰交任務)和他證實,這是一個錯誤,他的意思是讓我們在html中編寫這樣的規則,而不是css。因此,大多數你的答案被證實:)