0

再会

我有这个简单的 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 还是链接或 ...）？是否可以 ？

4

4 回答 4

2

试试jquery

HTML

<p>Google</p>​

jQuery

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

演示

于 2012-11-09T07:51:07.563 回答
0

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

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

那你想做什么？

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

像这样：按名称而不是索引获取 document.styleSheets？

问候！

于 2012-11-09T07:49:43.510 回答
0

不确定这可以通过静态 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 来实现它，你可以尝试弄清楚如何使用 CSScontent属性。在此处阅读有关此内容的更多信息：http: //css-tricks.com/css-content/

于 2012-11-09T08:01:15.430 回答
0

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

要为您的实际问题找到解决方案，您需要描述问题本身，而不是假设的解决方案（如使用 CSS 设置链接）可能无法工作。

于 2012-11-09T08:16:15.293 回答