Question

如果要按下输入按钮，我将尝试创建一个与元素zzz相匹配的选择器。

<label>
 <input type="radio" name="hideshow">
 <h1>{{heading}}</h1>
</label>
<zzz class="hideable">
   Some content to show if button pressed.   
</zzz>

经过艰苦的努力，到目前为止，我偶然发现了一个新的选择器:has。但是，它不起作用。更多研究表明，由于CSS的性能较差，它已被禁用（可从javascript中使用）。

我该如何使用它？我敢肯定必须有一个简单的解决方案，但是我没有看到它。

Answer 1

不要在标签中嵌套输入元素，而是使用id和for属性。不需要复杂的选择器。

<input type="radio" name="hideshow" id="{{headingId}}"\>
<label for="{{headingId}}">
   <h1>{{heading}}</h1>
</label>
<zzz class="hideable">
   Some content to show if button pressed.   
</zzz>

CSS：紧随输入按钮标签的匹配元素

1 个答案: