css – 选择器[class ^ =“span”]是什么？

参见英文答案 > What does a[href^=“…”] do in CSS?6个答案我不能解决这是什么：

http://twitter.github.com/bootstrap/assets/css/bootstrap-1.2.0.min.css线33号

.row [class^="span"] {
  display: inline;
  float: left;
  margin-left: 20px;
}

我理解的风格，但我从来没有见过这个

[class^="span"]

解决方法

这意味着以“span”开头的类，例如：

<div class="spanning"></div>

^符号取自正则表达式，其中该符号指字符串的开头。

应该注意，这将检查类属性的开头，而不是类名的开头。这意味着它不匹配所述选择器：

<div class="globe spanning"></div>

上面的元素有两个类，第二个以“span”开头 – 但是由于属性类以“globe”开头，而不是“span”，它将不匹配。

可以使用[class * = span]，它将返回包含span的所有类，但是也会返回其他类，例如翼展。

AFAIK，获取以字符串开头的类的方法是使用双选择器：

.row [class^="span"],.row [class*=" span"]{}

这将返回以span开头的类，无论是在属性的开头还是在中间。

(我还记得在DOMParser使用的本地选择器引擎的解决方案中工作)。