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

yiytaume  于 11个月前  发布在  Bootstrap
关注(0)|答案(2)|浏览(125)

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


这可能吗?

huus2vyu

huus2vyu1#

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

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

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

ix0qys7i

ix0qys7i2#

您还可以使用:用途:

.example div{
//rule
}

字符串

相关问题