如果URL中的#后面存在某些内容,则显示CSS DIV?

时间:2017-05-02 13:48:14

标签: javascript html css url display

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

我可以通过JavaScript实现这一点(尽管会有轻微的痛苦),但我想知道是否有CSS方法可以做到这一点?

谢谢!

1 个答案:

答案 0 :(得分: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>
&#13;
&#13;
&#13;

你可以在这里了解更多:

w3schools

developer.mozilla