javascript - 如果 URL 中的 # 之后存在某些内容，是否显示 CSS DIV？

Question

如果 URL 中的“#”后面有一个值，CSS 有没有办法改变它的属性？例如，如果我单击一个链接将我的页面从/book.php 转到/book.php#read，是否有办法使 CSS DIV 变得可见？

我可能可以用 JavaScript 来完成这个(虽然这会有点痛苦)但我想知道是否有一个 CSS 方法可以做到这一点？

谢谢!

Answer 1

如果我正确理解了这个问题，则可以仅使用 CSS 中的 :target 伪类来使用 css 来完成此操作。

这是它如何工作的一个例子:

:target{
        display: none;
    }

<a href="#content1">Hide Content 1</a>
<a href="#content2">Hide Content 2</a>

<p id="content1">Content 1</p>
<p id="content2">Content 2</p>

你可以在这里了解更多:

w3schools

developer.mozilla