Html 首先是兄弟姐妹

我们正在使用一个购买的打包主题和以下CSS：

.rdio input[type="radio"]:disabled + label  {
     color: #999;
 }
 <div class=rdio> 
    <input type=checkbox>
     <label....>
 <div>

.rdio输入[type=“radio”]：禁用+标签{
颜色：#999；
}

正如您所看到的，只有当标签直接是复选框的同级时，才会应用它

我们不能更改CSS，我必须编写一个自定义.CSS在主主题CSS之后加载

我可以添加什么新的、额外的CSS来实现这一点（第一个标签同级，但不是直接的）

---

我正在寻找我能做的overide，因为我不能编辑原始css。

有两个选项，显而易见：

.rdio input[type="radio"]:disabled + * + label

以及（略微）不太明显地使用一般兄弟组合符（the

~

）：

如果您真的必须只针对

输入

之后的第一个

标签

元素，如您的问题所示：

.rdio input[type="radio"]:disabled ~ label {
    /* style the labels */
}

.rdio input[type="radio"]:disabled ~ label ~ label {
    /* override subsequent label element styling */
}

---

有两种选择，显而易见：

.rdio input[type="radio"]:disabled + * + label

以及（略微）不太明显地使用一般兄弟组合符（the

~

）：

如果您真的必须只针对

输入

之后的第一个

标签

元素，如您的问题所示：

.rdio input[type="radio"]:disabled ~ label {
    /* style the labels */
}

.rdio input[type="radio"]:disabled ~ label ~ label {
    /* override subsequent label element styling */
}

---

有两种选择，显而易见：

.rdio input[type="radio"]:disabled + * + label

以及（略微）不太明显地使用一般兄弟组合符（the

~

）：

如果您真的必须只针对

输入

之后的第一个

标签

元素，如您的问题所示：

.rdio input[type="radio"]:disabled ~ label {
    /* style the labels */
}

.rdio input[type="radio"]:disabled ~ label ~ label {
    /* override subsequent label element styling */
}

---

有两种选择，显而易见：

.rdio input[type="radio"]:disabled + * + label

以及（略微）不太明显地使用一般兄弟组合符（the

~

）：

如果您真的必须只针对

输入

之后的第一个

标签

元素，如您的问题所示：

.rdio input[type="radio"]:disabled ~ label {
    /* style the labels */
}

.rdio input[type="radio"]:disabled ~ label ~ label {
    /* override subsequent label element styling */
}

---

你试过N个孩子吗？你试过N个孩子吗？你试过N个孩子吗？你试过N个孩子吗？