anchor - 如何在 div 中创建锚点？

Question

我正在寻找一种不需要 JavaScript、jQuery 或任何太高级的解决方案；主要是 HTML/CSS，因为这些是我被限制使用的。

我的想法是在一个 div ID 中包含两个较小的 div 类的布局。每个盒子都有自己的内容并并排放置。我想要完成的是在一个 div 中创建一个锚链接，将其内容更改为其他内容。

例如，框 1 默认显示“abc”作为其内容，而框 2 显示“def”。当您单击框 1 中的锚链接时，内容将更改为 123 - 不会影响框 2 中的内容或将其与锚一起向下移动。

希望这是有道理的。没有可编辑/工作的代码，因此将不胜感激。

Answer 1

您可以使用:target选择器隐藏 div，并在 URL 哈希中显示带有 ID 的元素：

div.MyBox {
    display: none;
}
div.MyBox:target {
    display: block;
}

单击<a>指向的标签#someId将显示该元素。