Question

我正在尝试根据单选按钮检查状态为元素创建CSS样式。以下是HTML代码。

    <div>
        <input class="assaf" id="radio3" type="radio" name="radio" value="3" /> 
    </div>
    <label for="radio3">
        <span><span>
        </span></span>
        Option 3
    </label>

问题是，我不能编写CSS样式，因此标签及其子样式是根据单选按钮状态设置的（已选中或未选中）。

删除第一个div，我可以做这样的事情，它可以正常工作。

input.assaf[type=radio]:not(old):checked}  + label > span > span

但是，我有一个案例，必须有这个div，我尝试了类似下面的东西，但它不起作用！

div > input.assaf[type=radio]:not(old):checked}  + label > span > span

有什么想法吗？

Answer 1

没有。它不起作用。

您无法从parent元素中选择child元素，然后在sibling中找到css。

相反，您可以将label元素放在div中并使用：

input.assaf[type=radio]:not(old):checked}  + label > span > span

与你提到的相同。

如果您需要div周围的radio input。我想知道为什么？

多个CSS选择器

1 个答案: