如果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