【css】css选择器[class^=“icon-“]、[class$=“icon-“]、[class*=“icon-“]是什么意思

一、[class^="icon-"]

w3c示例：

a[href^="https"]    表示：<a> 元素、href 属性值以 "https" 开头的

[class^="icon-"] 表示：class属性 以 icon- 开头的所有元素。

注意：双引号可省略。[class^="icon-"] 和 [class^=icon-] 效果一样。

二、[href$=".pdf"]

a[href$=".pdf"]   表示：href 属性值以 “.pdf” 结束的 <a>元素。

[class$="icon-"] 表示：class属性值以“icon-”结尾的所有元素。

三、[href*="icon"]

a[href*="abc"]   表示：href 属性值包含 “abc” 字符的所有 <a>元素。

[class*="icon-"] 表示：class属性值包含“icon-”的所有元素。

总结：^= 是开头； $= 是结束；*= 是包含。