如何仅使用css制作切换标签

<input type="radio" id="tab1" name="tabs" checked>
<label for="tab1">Tab 1</label>

<input type="radio" id="tab2" name="tabs">
<label for="tab2">Tab 2</label>

<input type="radio" id="tab3" name="tabs">
<label for="tab3">Tab 3</label>

<div id="content1">Content 1</div>
<div id="content2">Content 2</div>
<div id="content3">Content 3</div>

input[type="radio"] {
  display: none;
}

label {
  cursor: pointer;
}

#content1,
#content2,
#content3 {
  display: none;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3 {
  display: block;
}

<a href="#content1">Tab 1</a>
<a href="#content2">Tab 2</a>
<a href="#content3">Tab 3</a>

<div id="content1">Content 1</div>
<div id="content2">Content 2</div>
<div id="content3">Content 3</div>

div[id^="content"] {
  display: none;
}

div[id^="content"]:target {
  display: block;
}