是否可以使用href链接不显示任何内容?

时间:2019-03-11 07:31:39

标签: html css css3 display

<a href="example.html">Any text or Image<a>

我想使用href的值不添加显示内容。

例如:我只想向所有重定向到display: none的锚标记添加example.html。所有其他锚标记仍应可见。

换句话说,我只想隐藏去example.html的链接。

这可能吗?

4 个答案:

答案 0 :(得分:4)

您可以使用attribute selector使用以下解决方案:

a[href="example.html"] {
  display:none;
}
<a href="example.html">Any text or Image<a>
<a href="https://stackoverflow.com/">StackOverflow<a>

如果a[href$="example.html"]包含完整网址,您还可以使用href

a[href$="example.html"] {
  display:none;
}
<a href="example.html">Any text or Image<a>
<a href="https://example.com/example.html">Any text or Image<a>
<a href="https://stackoverflow.com/">StackOverflow<a>

答案 1 :(得分:0)

是的,有可能。请遵循以下步骤:-

a[href="example.html"]{display:none !important;}

答案 2 :(得分:0)

[href="'example.html'"]{display: none;}

这将隐藏所有值为'example.html'的锚标签。

答案 3 :(得分:0)

您可以使用attribute selector定位所需的锚标记。

[href="example.html"] {
  display: none;
}