Html 仅使用CSS更改div元素的可见性

没有JS/jQuery可以吗

例如：我有三个有背景图像的div。我想在单击时为每个图像切换一个描述。然后，单击另一个图像后，我需要隐藏以前的描述并显示一个相关的

页面加载后，可以立即显示一个说明。这些段落下面将有内容。

您可以使用和链接，并将href设置为要显示的元素的id

HTML

向我展示！

太棒了！这正是我想要的。非常感谢。有没有什么方法可以很好地淡出这些描述，而不是突然出现？不过，只使用CSS。我在隐藏时尝试了不透明度0.0，然后尝试了不透明度1.0和：target+transition:all 0.25s，但没有任何效果。@trnks_uuu我添加了另一个使用CSS转换和不透明度的演示。你必须自己定位，但我希望你能理解。此外，如果这回答了您的问题，请单击左侧的复选标记接受我的答案。再次感谢。我还发现了类似的东西。它类似于您的过渡演示，并添加了定位。

#show {
    display: none;
}

#show:target {
    display: block;
}

<a href="#show">Click me</a>
<div id="show">Show me!</div>