如何删除链接并通过CSS将其替换为消息

时间:2014-04-10 01:39:10

标签: html css

我试图通过CSS完全删除链接并将其替换为我自己的自定义消息。这可能吗?我发现一些链接通过css禁用,但锚文本仍然可见,并且不允许我包含我自己的消息。

基本上我想做到这一点只有登录成员才能查看链接,使用条件仅对非登录(访客)用户使用CSS,用&#34替换下载链接;对不起,只有成员才能看到这个链接,在此注册"

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

CSS将是一种为元素添加隐私的可怕方式,因为无论如何都可以通过检查源代码或仅禁用CSS来查看。

您必须隐藏链接服务器端。

顺便说一下,只是为了完整性,如果你必须使用这样的东西做一些真正有意义的CSS,你可以通过在{{1}中添加一个类来绕过它。在未经过身份验证的用户中使用html,然后使用CSS规则:

body

请记住,显然任何人都可以在需要时看到该元素。

修改

您无法使用CSS更改文字(除非在伪元素中使用html.not-logged-in element { display: none; } 属性,但从未明白,因为您无法更改content您链接的属性)。因此,要实现您的目标,您需要有两个独立的元素。如上所述,当用户通过身份验证时,为您的hrefhtml添加一个类(这通常是一个好主意),然后有条件地显示和隐藏您的元素。

所以你的HTML看起来像这样:

body

你的CSS看起来像这样:

<span class="error">Sorry, only members can see this link</span>
<a href="#" class="secret">I am a secret link</a>

您可以看到示例here。在这个例子中,我使用Javascript来模拟您的登录过程(我在Javascript中所做的只是将类添加到.not-logged-in .secret { display: none; } .logged-in .error { display: none; } 元素中)。