类的选择器及其所有子项

Question

我有以下

<label class="noblock">
  <input> ...
  ...
</label>

我想为类display: inline以及它的所有子项（其中的任何内容）指定CSS noblock。有没有办法做到这一点？

Answer 1

是的，你可以这样做：

.noblock, .noblock * {
    display: inline;
}

或者，如果您只想定位直接后代：

.noblock, .noblock > * {
    display: inline;
}

Answer 2

你可以这样做：

label.noblock, label.noblock * { display: inline }

此处使用的*可选择label个noblock元素中的所有后代

Answer 3

.noblock, .noblock * {
    display: inline;
}

请注意，最好用其他东西替换*（input，例如，如果每个孩子都是这种元素）