如何在div中创建锚点？

Question

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

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

e.g。默认情况下，框1显示“abc”作为其内容，而框2显示“def”。当您单击框1中的锚链接时，内容将更改为123--而不会影响框2中的内容或使用锚移动它。

希望这是有道理的。 没有编辑/工作的代码，所以任何帮助都会受到赞赏。

Answer 1

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

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

点击指向<a>的{​​{1}}标记会显示该元素。