2

我有这个 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 并将它与不同的选择器 (~ + >) 与 < li > 组合，但它只会变得混乱并使 css 大小变大。我也尝试了一些 php 条件，但我无法完成结果。那么，如何使这项工作？当 iframe 显示 url 的内容时，如何制作突出显示的链接？

4

2 回答 2

0

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

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

为什么不是一些 JavaScript？

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

演示

于 2013-07-25T15:34:57.570 回答