[class*="span"] 对 CSS 有什么作用？ [复制]

【问题标题】：What does [class*="span"] do for CSS? [duplicate][class*="span"] 对 CSS 有什么作用？ [复制]
【发布时间】：2014-03-23 19:51:48
【问题描述】：

我在查看 Twitter Bootstrap 2 CSS 文件时看到了 [class*="span"]。它有什么作用，该方法的名称是什么？

【问题讨论】：

【解决方案1】：

那是CSS attribute selector。它选择在其class 属性中包含span 的元素。

例如

<div class="myclass span-12"></div>

你可以选择上面的元素

[class*="span"]

【讨论】：

【解决方案2】：

这意味着任何具有类的元素和单词span都出现在类名中，即

<div class='span-1'></div>
<div class='my-span'></div>

[class*="span"] 将选择所有以上以及更多包含单词span 的t。 Read more.

【讨论】：

【解决方案3】：

CSS 属性选择器

这是一个 CSS 属性选择器，它遵循语法[attribute*="value"] 其中 “attribute”是一个 HTML 元素属性（即class），而“value”包含在属性字符串的某处。

您的示例是一个 CSS 选择器，它将匹配任何 HTML 元素，其中字符串“span”包含在元素的类名字符串中。

有关 CSS 属性选择器的更多信息，请参阅 CSS-Tricks 中的以下文章：http://css-tricks.com/attribute-selectors/

【讨论】：