我使用CSS和HTML创建了一个简单的选项卡式内容显示。这段代码将与其他内容一起嵌入到更长页面的中间。
这是jsFiddle：http://jsfiddle.net/ollyf/R9rq2/
我已经使用了:target，但是我不确定它是如何工作的。阅读一些教程，但我并不完全了解其行为。我觉得这是不好的/无效的代码。
有没有更有效的方法来实现此选项卡式的内容效果？
如果没有，如何在滚动位置不跳到DIV顶部的情况下显示内容？
最佳答案
:target伪选择器由页面锚点触发。这意味着当您的URL为http://www.example.com/#anchor1 #anchor1:target时，将激活样式。该页面还会滚动到＃anchor1元素。这是浏览器中的默认功能。
实现Tab效果的另一个选项是使用javascript。这个概念与javascript相同，您仍在通过点击处理程序切换display属性。选项卡有几种现成的脚本。这是一个示例http://jquerytools.org/demos/tabs/index.html
希望这有助于清理问题。