选择类和它的所有孩子

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如果每一个孩子都是这样的元素）