如果 URL 中的 # 之后存在某些内容，则显示 CSS DIV？答案

【问题标题】：Display CSS DIV if something exists after # in the URL?如果 URL 中的 # 之后存在某些内容，则显示 CSS DIV？
【发布时间】：2017-09-30 01:52:38
【问题描述】：

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

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

谢谢！

【问题讨论】：

【解决方案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>

您可以在这里了解更多信息：

【讨论】：