参见英文答案 >
CSS: What this Asterisk (*) does?2
在CSS中,img [class * =“align”]是什么意思？
在CSS中,img [class * =“align”]是什么意思？
我已经在许多样式表中看到了这一点,但我不知道为什么它被使用和它的作用.任何想法？
解决方法
这是一个
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”] – an E element whose “foo” attribute value contains the substring “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这个在使用.
