CSS 属性选择器 ~=, |=, ^=, $=, *= 的区别
先上总结:
"ZZZalue 是完好单词" 类型的比较标记: ~=, |=
"拼接字符串" 类型的比较标记: *=, ^=, $=
1.attribute 属性中包孕 ZZZalue:
[attribute~=ZZZalue] 属性中包孕独立的单词为 ZZZalue,譬喻:
[title~=flower] --> <img src="ht://ss.runoobss/i/eg_tulip.jpg" />[attribute*=ZZZalue] 属性中作字符串装分,只有能装出来 ZZZalue 那个词就止,譬喻:
[title*=flower] --> <img src="ht://ss.runoobss/i/eg_tulip.jpg" />2.attribute 属性以 ZZZalue 开头:
[attribute|=ZZZalue] 属性中必须是完好且惟一的单词,大概以 - 分隔断绝结合开:,譬喻:
[lang|=en] --> <p lang="en"> <p lang="en-us"> [attribute^=ZZZalue] 属性的前几多个字母是 ZZZalue 就可以,譬喻:
[lang^=en] --> <p lang="ennn">3.attribute 属性以 ZZZalue 结尾: