CSS选择器名称中的星号

Question

我可以发誓我看到了一个在选择器名称中使用星号的高级CSS规则。我正在使用Bootstrap，我在父div中有几个不同的div，如下所示：

<div class="example">
    <div class="col-sm-1">
        TEST
    </div>
    <div class="col-sm-4">
        TEST
    </div>
</div>

我想使用类似的东西：

div.example div.col-sm-*{
    padding-right:5px;
}

我知道并不会因为并排添加每条规则而杀了我，但我认为我曾经看过过去曾做过的事情，如果它存在的话，我想学习未来的短手。我也尝试过这样的事情：

div.example div.col-sm-[*]{
    padding-right:5px;
}    

这可能吗？

Answer 1

你可能会想到一个属性选择器：

div.example div[class*="col-sm-"]{
    padding-right:5px;
}

假设每个div s中唯一的类是一个列类，那将是有效的。或者，使用^=代替*=，以指示class属性值以该字符串开始。

Answer 2

你也可以使用：

.example div{
//rule
}