这是什么CSS选择器？[class * =“ span”]

一尘不染

这是什么CSS选择器？[class * =“ span”]

css

我在Twitter Bootstrap中看到了这个选择器：

.show-grid [class*="span"] {
    background-color: #eee;
    text-align: center;
    border-radius: 3px;
    min-height: 30px;
    line-height: 30px;
}

有谁知道这种技术叫什么及其作用？

阅读 859

2020-05-16

共1个答案

一尘不染

这是一个属性通配符选择器。在您提供的示例中，它将查找.show-grid具有CONTAINS类的任何子元素span。

因此，请<strong>在此示例中选择元素：

<div class="show-grid">
    <strong class="span6">Blah blah</strong>
</div>

您也可以搜索“开头为…”

div[class^="something"] { }

这将在这样的事情上工作：

<div class="something-else-class"></div>

和“以…结尾”

div[class$="something"] { }

这将工作

<div class="you-are-something"></div>

2020-05-16