Question

我们使用以下CSS购买的打包主题：

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

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

我们无法改变CSS ，我必须在主题主题css之后加载 Custom.css 。

我可以添加哪些新的附加CSS（第一个标签兄弟，但不是直接）

 <div class=rdio> 
   <input type=checkbox>
   <one element of anything>
   <label....>
</div>

我正在寻找我可以做的事情，因为我无法编辑原始的CSS。

Answer 1

有两种选择，显而易见：

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

对于一般兄弟组合子（~）的（略微）不太明显的使用：

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

如果您真的必须定位，正如您的问题所暗示的那样，label后面的第一个 input元素：

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

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

CSS兄弟姐妹，第一

1 个答案: