Bootstrap CSS选择器名称中的星号/通配符

yiytaume 于 11个月前发布在 Bootstrap

关注(0)|答案(2)|浏览(123)

我发誓我看到了一个高级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;
}

型
这可能吗？

2条答案

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

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

字符串
假设这些div都将拥有的唯一类是列类，这将起作用。或者使用^=代替*=来指示class属性值以该字符串 * 开始 *。

您还可以使用：用途：

.example div{
//rule
}

字符串