1. 首页
  2. 问题
  3. 这个 CSS 选择器是什么？[类* =“跨度”]
小编典典

这个 CSS 选择器是什么？[类* =“跨度”]

all

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

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

有谁知道这种技术叫什么以及它的作用是什么？


阅读 71

收藏
2022-06-22

共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>

很好的参考

2022-06-22