如何在其他标签 <label> 或 <p> 或 <a> 中为输入标签的 id 添加检查类

Posted 2023-03-27

【中文标题】如何在其他标签 <label> 或 <p> 或 <a> 中为输入标签的 id 添加检查类

【英文标题】：how to add checked class for id of an input-tag in a other tag <label> or <p> or <a>

【发布时间】：2021-11-04 18:20:35

【问题描述】：

我在做项目时遇到了问题。

为什么不为<a>、<label> 和<p> 中的标签的ID 运行#MyId:checked~#show(style)

有没有办法为它运行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>

【问题讨论】：

您的输入在标签内，因此在 css 中没有办法

【参考方案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>