2

リンクのターゲットがiframeであるこのhtmlコードがあります。だから私はいくつかのスタイル、強調表示されたリンクを追加したいと思います。アクティブなリンクを CSS (または php) のみで強調表示したいので、javascript を避けようとしています。

コードは次のとおりです。

<ul>
  <li><a href="http://en.wikipedia.org/wiki/Rhenium" target="box">Rhenium</a></li>
  <li><a href="http://en.wikipedia.org/wiki/Tellurium" target="box">Tellurium</a></li>
  <li><a href="http://en.wikipedia.org/wiki/Tin" target="box">Tin</a></li>
</ul>

<iframe name="box" src="http://en.wikipedia.org/wiki/Rhenium"></iframe>

最高のビュー: http://jsfiddle.net/WB8e8/

表示されない iframe を含め、さまざまなセレクター (~ + >) と < li > を組み合わせるなど、多くの CSS トリックを試しましたが、面倒で CSS サイズが大きくなるだけです。私もいくつかのphp条件を試しましたが、結果を達成することができませんでした. では、これを機能させるにはどうすればよいでしょうか。iframeがURLのコンテンツを表示するときに強調表示されたリンクを作成する方法は?

4

2 に答える 2

0

CSS3 属性セレクターを使用できます。

a[target="box"]:active {
   font-weight:bold;
}
于 2013-07-25T15:32:46.263 に答える