Html 纯CSS选项卡使用<；a>；as按钮

我该怎么做？单击特定的

标记时，我想更改我的内容区域中的内容。我只限于使用HTML和CSS

到目前为止，我的代码如下： HTML

---

您可以使用目标选项卡

CSS

.tab div {
    display: none;
}

.tab div:target {
    display: block;
}

HTML

<div class="tab">
    <a href="#link1">Link 1</a>   
    <div id="link1">
        <h3>Content to Link 1</h3>
        <p>Hello World!</p>
    </div>
</div>

链接1的内容
你好，世界

---

这项技术已被描述。

请提供您的完整代码，，，所提供的HTML中有

nav

或链接。虽然这在理论上可以回答问题，但请在此处包含答案的基本部分，并提供链接以供参考。如果链接页面发生更改，则仅链接的答案可能无效

.tab div {
    display: none;
}

.tab div:target {
    display: block;
}

<div class="tab">
    <a href="#link1">Link 1</a>   
    <div id="link1">
        <h3>Content to Link 1</h3>
        <p>Hello World!</p>
    </div>
</div>