是否可以使用 href link 显示 None？

Question

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

我想使用 href 的值添加显示 none。

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

换句话说，我只想隐藏指向 example.html 的链接。

这可能吗？

Answer 1

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

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

<a href="example.html">Any text or Image<a>
<a href="https://whosebug.com/">Whosebug<a>

如果 href 包含完整的 url:

，您也可以使用 a[href$="example.html"]

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://whosebug.com/">Whosebug<a>

Answer 2

是的，这是可能的。通过以下方式进行：-

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

Answer 3

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

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

Answer 4

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

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

是否可以使用 href link 显示 None？

Is it possible to Display None using href link?

html

css

display