2017-11-25 5 views
0

それでは言わせてブラウザのアドレス行にURLを
http://example.com/test.html?res=sun
のいずれかである http://example.com/test.html?res=waterまたは
http://example.com/test.html?res=tree
純粋なCSSのURLの取得パラメータに応じてリンクのスタイルを設定できますか?

そして、すべてのこれらの3つのページ上の3つのリンクが常にあります。
<a href="http://example.com/test.html?res=sun">sun</a>
<a href="http://example.com/test.html?res=water">water</a>
<a href="http://example.com/test.html?res=tree">tree</a>

私は他の2つのリンクがハイライトされてはならない一方で、別の背景によってhighleightedする現在のアドレスラインで一致している一つのリンクをしたいです。

これは可能ですか?スタイルディレクティブを直接<a>タグに入れることができますか、ディレクティブはクラスとして<style>タグ内になければなりません。<a>タグには適切なクラスを追加する必要がありますか?

+0

現在のアドレスに基づいて一連のCSSルールを適用しますか?ここでは適用されない ':target'とは別に、これは不可能です。あなたはセレクタ '' a [href * = '"+ location.split("? ")[1] +"'] "'または何かを使って、JavaScriptによってルールをインセットすることができます。 – Xufox

答えて

2

短い回答:いいえ、不可能です。

長い回答:セレクタ4には、(クエリ文字列に固有の動作ではありませんが、あなたが説明するユースケースには依然として適していますが)探しているものを正確に行う提案がありましたが、数年前に知られていない理由でレベル5まで延期されました。レベル4自体はすぐには安定していないと考えれば、まだそれに含まれていない機能は起こらないほど良いものです。

関連する問題