班級及其所有子級的選擇器

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例如，如果每一個孩子都是這樣的元素）