根据 url 中的哈希值显示元素

Question

我有一个包含大约 50 个 p 元素的页面 (/categories.html)：

<p id='BCI'>Blue_colored_items</p>
<p id='RCI'>Red_colored_items</p>
...

现在，我希望页面只显示

Blue_colored_items

如果

/categories.html#BCI

是请求的url，等等。

我应该如何让它发挥作用？我可以更改整个 html。

Answer 1

我刚刚发现这个纯 CSS工作得很好。

<style>
p {display: none}
:target {display: block}
</style>

不管怎样，谢谢你们的回答，罗里和安德烈。