html – 在CSS中,img [class * =“align”]是什么意思？

概述参见英文答案 > CSS: What this Asterisk (*) does?                                    2 在CSS中,img [class * =“align”]是什么意思？ 我已经在许多样式表中看到了这一点,但我不知道为什么它被使用和它的作用.任何想法？ 这是一个 attribute selector,它匹配任何img标签类文本,包括“ali 参见英文答案 > CSS: What this Asterisk (*) does?2
在CSS中,img [class * =“align”]是什么意思？

我已经在许多样式表中看到了这一点,但我不知道为什么它被使用和它的作用.任何想法？

解决方法 这是一个 attribute selector,它匹配任何img标签类文本,包括“align”.例如,它将匹配以下任何一个：

<img  /><img  /><img  /><img  /><img  />

从文档(以上链接)：

E[foo*=”bar”] – an E element whose “foo” attribute value contains the substring “bar”

这在流行的CSS框架中用于创建多个类似的类,而不必为每个类添加一个新的相同类.例如,如果我们有以下标记：

<p >Hello,world!</p><p >Hello,world!</p><p >Hello,world!</p><p>Hello,world!</p>

我们可以将样式应用于类包含“para-”的所有p元素,而无需手动输入所有变体,只需使用：

p[class*="para-"] { ... }

这是一个JSFiddle example这个在使用.

总结

以上是内存溢出为你收集整理的html – 在CSS中,img [class * =“align”]是什么意思？全部内容，希望文章能够帮你解决html – 在CSS中,img [class * =“align”]是什么意思？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。