css - 在纯 CSS 中的其他行中基于选择显示表格行

Question

我见过这个问题，但我的有点不同。

采用以下 HTML：

<tr>
  <td>
    <select id="show">
      <option>Show</option>
      <option>Don't show</option>
    </select>
  </td>
</tr>

<tr class="basedOnSelect">
  <!-- stuff here -->
</tr>

正如暗示的那样，我想根据元素tr中选择的选项来显示第二个。show select我可以在 JavaScript 中做到这一点，但我见过很少的 CSS hack 可以基于纯 CSS 中的复选框来做类似的事情。

在我的情况下，问题似乎select是树太远了，无法使用兄弟选择器来获得所需的tr，并且仍然没有“父”选择器可以使用。

这可能吗？

标签： csscss-selectors