用于合并两个条件的CSS语法

我的HTML结构看起来像-

<div class="form-check-inline">
  <label class="form-check-label">
  <input type="radio" class="form-check-input" name="optradio">TEXT A
  </label>
</div>

在这种情况下，我写的是这样的东西

input[type='radio']:checked label::before{
  /* something */
}

我想应用label:：beforewhereinput[type='radio']：选中了但我不知道如何在CSS中合并这两个条件。我只是需要语法方面的帮助

谁能告诉我

谢谢

解决方案 为标签上的属性使用

，而不是在标签内部嵌套输入，以便使用相邻同级组合器

例子
HTML
工具书类
相邻兄弟组合器：
CSS不允许基于父对象的子对象设置父对象的样式。但它确实允许使用
+
组合器基于其先前的同级元素设置元素样式。如果你决定这样做，你必须改变你的标记：
文本
。对不起，顺序不对，输入必须是第一位：
文本
，然后你可以使用
弹性方向：行反转
来改变视觉顺序。这里有几个例子：我有一个后续问题。我无法在已选中和未选中的样式之间切换。例如，如果单击“下一个未选中的收音机”，则当前已选中收音机的样式应撤消。但我们无法做到这一点。有没有一种方法可以通过CSS单独处理？（我在标签前添加一个图像）@ItykaBandta设置默认样式，不勾选您想要的样式，它应该应用。是。我做到了。。。我不知道我错过了什么。请检查我的小提琴。（图标不会显示！您可以尝试使用随机图像）@ItykaBandta您需要包含默认行为的输入项而不进行检查，因为相邻同级运算符的特殊性覆盖了标签默认值，而没有相邻同级运算符。我为默认行为添加了-input[type=radio]+label:：before{}。但什么都没有：(
input[type='radio']:checked label::before{
  /* something */
}

<div class="form-check-inline">
    <input type="radio" class="form-check-input" name="optradio">

    <label class="form-check-label" for=“optradio”>
        TEXT A
    </label>
</div>

input[type='radio']:checked + label::before{
   /* something */
}