移動HREF的CSS

我有這個簡單的HTML，我想從HTML移動HREF的CSS

<body> 
<a href="http://www.xxx.com">xxx</a> 
</body

我想是從HTML刪除href和使用相反在以任何方式CSS：

<body> 
<p>xxx</p> 
</body>

的CSS將

p { 
"http://www.xxx.com" 
}

我應該在p {}中使用什麼（是網址還是鏈接或...）？可能嗎？

來源

2012-11-09 Roland Feghaly

這不是真的可能。你試圖達到什麼目標？ –

我在不同的頁面上有相同的鏈接，所以如果我想改變它，我不想在每個頁面中進行更改，我將在css中進行更改 –

爲什麼不使用諸如PHP或ASP之類的語言來提供跨越網頁？ CSS不是這樣的。 –

不確定這可以通過靜態CSS來完成。可以使用jQuery做，試試這個：

$(function(){ 
    $('a').each(function(){ 
     $this=$(this); 
     $p = $('<p></p>').insertAfter($this); 
     $p.html($this.text()); 
     $this.remove(); 
    }); 
});

現場演示：http://jsfiddle.net/keaukraine/Cmxx9/

如果你真的迫切需要用CSS來實現這一點，你可以揣摩如何利用CSS content財產。閱讀更多關於此處：http://css-tricks.com/css-content/

來源

2012-11-09 08:01:15 keaukraine

謝謝你，我真的很感激 –

你的CSS是沒有意義的。一個URL只能用於背景圖像，例如：

.myClass {background-image: url(http://www.xxx.com/myImage.jpg); }

那麼你想要做什麼？

如果你想聲明動態全局CSS規則，你需要用javascript來做到這一點。

像這樣：get document.styleSheets by name instead of index?

問候！

來源

2012-11-09 07:49:43 Mic

嘗試使用jQuery

HTML

<p>Google</p>

jQuery的

$('p').replaceWith('<a href="http://www.google.com">xxx</a>');

DEMO

來源

2012-11-09 07:51:07 Sowmya

這是不可能的。 CSS用於可選的表示性建議，而不用於更改頁面的功能。鏈接是功能性的。

爲了解決您的實際問題，您需要描述問題本身，而不是假設的解決方案（如使用CSS設置鏈接），這些解決方案無法工作。

來源

2012-11-09 08:16:15

回答

相關問題