Question

美好的一天

我有这个简单的html，我想将href从html移动到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 {}中使用什么（是url还是链接还是......）？有可能吗？

Answer 1

尝试使用jquery

<强> HTML

<p>Google</p>

<强> Jquery的

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

<强> DEMO

Answer 2

你的CSS毫无意义。 URL只能用于背景图像，例如：

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

那你想做什么？

如果要声明动态全局css规则，则需要使用javascript执行此操作。

像这样：get document.styleSheets by name instead of index?

问候！

Answer 3

不确定这可以通过静态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/

Answer 4

这是不可能的。 CSS用于可选的表示性建议，而不是用于更改页面的功能。链接是功能。

要获得真正问题的解决方案，您需要描述问题本身，而不是一个假设的解决方案（比如使用CSS设置链接），这些解决方案无法工作。

将href从html移动到css

4 个答案: