问选择器[class^="span"]做什么？

EN

这表示以"span“开头的类，例如：

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

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

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

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

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

可以使用[class*=span]，它将返回所有包含span的类，但这也将返回其他类，如wingspan。

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

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

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

(我还记得在DOMParser使用的自主开发的选择器引擎中使用的解决方案)。

这是一个属性选择器，特别是CSS3 substring-matching attribute selectors之一。

此规则将样式应用于class属性以span (^=表示“以开头”)开头的任何元素，该元素出现在类为row的任何元素中。