CSS---css选择器[class^=“icon-“]、[class$=“icon-“]、[class*=“icon-“]的含义

176 阅读1分钟

一,[class^="icon-"]

菜鸟教程示例:

a[src^="https"]  选择每一个src属性的值以"https"开头的元素 

[class^="icon-"] 表示:class属性 以 icon- 开头的元素。
注意:双引号可省略。[class^="icon-"] 和 [class^=icon-] 含义相同。

二、[href$=".pdf"]

a[src$=".pdf"]  选择每一个src属性的值以".pdf"结尾的元素 

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

三、[href*="icon"]

a[src*="runoob"]  选择每一个src属性的值包含子字符串"runoob"的元素 

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

总结:^= 是开始; $= 是结尾;*= 是包含。