Question

我有这个HTML代码，其中链接的目标是iframe。所以我想添加一些样式，突出显示的链接。我想用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/

我尝试了很多css技巧，包括一个非显示的iframe，并将它与不同的选择器（〜+＆gt;）结合使用＆lt; li＆gt ;,但它只会变得混乱并使css大小变大。我也尝试了一些php条件，我无法完成一个结果。那么，如何使这项工作？当iframe显示网址内容时，如何制作突出显示的链接？

Answer 1

您可以使用CSS3属性选择器：

a[target="box"]:active {
   font-weight:bold;
}

Answer 2

为什么不使用JavaScript？

$(function() {
  $('ul li').click( function() {
    $(this).addClass('active').siblings().removeClass('active');
  });
});

<强> DEMO

设置定位iframe的活动链接的样式

2 个答案: