使用CSS（SASS）设置禁用或只读元素的所有子元素的样式

Question

如果您可以告诉我如何为残疾人或只读DOM-Element的所有孩子设置样式，那将是很好的。

我的HTML代码如下所示：

<div class="wrapper" disabled="disabled">
    <label>
            Test
            <input type="text">
    </label>
</div>

和我的SCSS代码是这样的：

.wrapper:disabled{
    *{
         background-color: grey;
    }
}

但.wrapper元素是否被禁用无关紧要，.wrapper的明星风格占主导地位。

有没有办法抑制这种风格，直到父div没有被禁用？

Answer 1

.wrapper[disabled] * {
         background-color: grey;
}

<div class="wrapper" disabled="disabled">
    <label>
            Test
            <input type="text">
    </label>
</div>

css选择器应该是.wrapper [disabled]