【发布时间】：2013-06-10 22:29:56
【问题描述】：
img[class*="align"] 在 CSS 中是什么意思？
我在许多样式表中都看到了这一点，但我不确定为什么要使用它以及它的作用。有什么想法吗？
【问题讨论】：
-
+1 很惊讶这不是重复的，但事实并非如此，无论如何我都能找到！
-
请注意，IE8 及以下版本不支持此功能。愚蠢的 IE :D
标签： html css css-selectors
【发布时间】：2013-06-10 22:29:56
【问题描述】：
这是一个attribute selector，它匹配任何img 标记类文本，包括“align”。例如，它将匹配以下任何一项：
<img class="dummy align test" />
<img class="test align-1" />
<img class="hello-align" />
<img class="abaligncd" />
<img class="align" />
来自文档（上面链接）：
E[foo*="bar"] - 一个 E 元素，其 "foo" 属性值包含子字符串 "bar"
这在流行的 CSS 框架中用于设置多个相似类的样式，而不必为每个类添加一个新的相同类。例如，如果我们有以下标记：
<p class="central para-red">Hello, world!</p>
<p class="para-green bold">Hello, world!</p>
<p class="para-blue">Hello, world!</p>
<p>Hello, world!</p>
我们可以将样式应用于类包含“para-”的所有p元素，而无需手动键入所有变体，只需使用：
p[class*="para-"] { ... }
这是一个正在使用的JSFiddle example。
【讨论】：
【讨论】：