班级及其所有子级的选择器

Question

我有以下

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

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

Answer 1

是的，您可以这样做：

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

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

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

Answer 2

你可以做：

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

此处的*用于选择noblock类的任何label元素内的所有后代

Answer 3

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

请注意，它会更好，以取代*别的东西（ input例如，如果每一个孩子都是这样的元素）