2017-05-02 4 views
0

URLに「#」の後に値がある場合、CSSのプロパティを変更する方法はありますか?たとえば、私のページを/book.phpから/book.php#readに変換するリンクをクリックすると、CSS DIVを表示させる方法はありますか?URLの#の後に何かが存在する場合、CSS DIVを表示しますか?

JavaScriptでこれを実現することはできますが(少しでも苦労しますが)、これを実行できるCSSメソッドがあるのでしょうか?

ありがとうございます!

+0

私は考えていませんCSSはこれを行うことができますs。 javascriptはかなり簡単です。 – Dennisch

+0

あなたはhrefをwindow.location.hrefを使って得ることができます。それはあなたがCSSで傾けると思う –

+0

見て[ここ](http://stackoverflow.com/questions/901115/how-can-i-get-query-value-in-javascript)、querystringを読んで.. '' '$(document).ready()' '関数であなたが望むことができます。 – Dwhitz

答えて

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

developer.mozilla

関連する問題