如何在另一个标签 <label> 或 <p> 或 <a> 中为输入标签的 ID 添加选中的 class

Question

做项目的时候遇到了问题

为什么运行 #MyId:checked~#show(style) for ID of a tag in <a> , <label> and <p>

有没有办法运行css呢？无需移除和移动 label tag , 把这个例子的 #test:checked~#show 改成运行就可以了.

#show {
  display: none;
  }
#test:checked~#show {
  display: block;
  }

<label>
 <input id="test" type="radio" value="0">click to show
</label>
<div id="show">
  hahahahahahha
</div>

Answer 1

否则你可以这样做：

#show {
  display: none;
  }
#test:checked~#show {
  display: block;
  }

<input id="test" type="checkbox"  >
<label for="test">click to show</label>
<div id="show">
  hahahahahahha
</div>

how to add checked class for id of an input-tag in a other tag <label> or <p> or <a>