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等