如果 URL 中的“#”后面有一个值,CSS 有没有办法改变它的属性?例如,如果我单击一个链接将我的页面从/book.php 转到/book.php#read,是否有办法使 CSS DIV 变得可见?
我可能可以用 JavaScript 来完成这个(虽然这会有点痛苦)但我想知道是否有一个 CSS 方法可以做到这一点?
谢谢!
最佳答案
如果我正确理解了这个问题,则可以仅使用 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>
你可以在这里了解更多:
关于javascript - 如果 URL 中的 # 之后存在某些内容,是否显示 CSS DIV?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43739598/