我有一个html代码，链接的目标是iframe。所以我想添加一些风格突出的链接。我想让活动链接只使用CSS（或/with.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的内容时，如何制作突出显示的链接？
为什么不使用一些JavaScript？
$(function() {
$('ul li').click( function() {
$(this).addClass('active').siblings().removeClass('active');
});
});
DEMO
您可以使用CSS3属性选择器：
a[target="box"]:active {
font-weight:bold;
}