選擇類和它的所有孩子

Question

我有以下

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

我要指定的CSS display: inline該類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如果每一個孩子都是這樣的元素）