智能书签

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 结尾: