如何在不使用`:has`的情况下选择包含子元素的兄弟姐妹?

时间:2017-10-02 16:27:26

标签: css

我有以下片段:

<div>
  <input type="radio" class="A">
  <input type="radio" class="B">
</div>
<div class="A"></div>
<div class="B"></div>

我想选择一个div,它正在跟踪包含具有相同类别的已检查单选按钮的div。

如果我理解正确level 4 selectors,这可能会起到作用:

div:has(>input[type="radio"].A:checked) ~ div.A,
div:has(>input[type="radio"].B:checked) ~ div.B

但我的浏览器不支持:has伪类。

是否有可能在没有4级支持的情况下解决这个问题?

0 个答案:

没有答案