CSS选择器：具有以下类之一的类的孩子

Question

我有一个CSS选择器的要求，其中包含n个类之一的给定类的所有子类都受到影响。

我的容器是.k-editor，我期待影响到孩子们都引导列col-xs-1, col-xs-2等

所以，我想这个

.k-editor 
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { 
    padding: 0; 
} 

但这似乎忽略了.K-编辑父并将其自身应用于所有列。

任何人都能够提供一些我可能会做错的输入？

Answer 1

这段代码可以被缩短：

.keditor [class^="col"] { 
    padding: 0; 
} 

Answer 2

这是最短的解决方案：将.k-editor [class^="col"]的.k-editor其类col开始所有的孩子相匹配。

另一种方式是前缀.k-editor您的每一个逗号分隔的选择的：

.k-editor .col-xs-1, .k-editor .col-sm-1, .k-editor .col-md-1, .k-editor .col-lg-1等