我想实现像维基百科一样的css效果。如果我将鼠标悬停在任何参考编号(如 [1])上,底部参考内容将被标记为带有 CSS 边框效果。我怎样才能做到这一点?通过将鼠标悬停在一个链接上但其他元素响应......只是无法弄清楚如何做到这一点。
我希望我已经明确了我的观点。
示例:http ://en.wikipedia.org/wiki/2013_Harbin_smog#cite_note-14
我的测试代码:
<!-- declare that this document is written in HTML 5 -->
<!DOCTYPE html>
<html>
<head>
<style>
p:target {background:lightblue;}
</style>
</head>
<!-- Beginning of the <body> tag -->
<body>
<p><a id='faq1link' href="#faq1content">Jump to FAQ FAQ 1</a></p>
<p><a id='faq2link' href="#faq2content">Jump to FAQ FAQ 2</a></p>
<p><a id='faq3link' href="#faq3content">Jump to FAQ FAQ 2</a></p>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<p id="faq1content"><b>FAQ content 1...</b></p>
<p id="faq2content"><b>FAQ content 2...</b></p>
<p id="faq3content"><b>FAQ content 3...</b></p>
</body>
</html>