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

前端之家收集整理的这篇文章主要介绍了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使用的本地选择器引擎的解决方案中工作)。

猜你在找的CSS相关文章