CSS 属性选择器的区别
# *=, |=, ^=, $=, *= 的区别
# 1.attribute 属性中包含 value:
[attribute~=value] 属性中包含独立的单词为 value,例如:
[title~=flower]
<img src="/i/eg_tulip.jpg" title="tulip flower" />
1
2
2
[attribute*=value] 属性中做字符串拆分,只要能拆出来 value 这个词就行,例如:
[title*=flower]
<img src="/i/eg_tulip.jpg" title="ffffflowerrrrrr" />
1
2
2
# 2.attribute 属性以 value 开头:
[attribute|=value] 属性中必须是完整且唯一的单词,或者以 - 分隔开,例如:
[lang|=en]
<p lang="en">
<p lang="en-us">
1
2
3
2
3
[attribute^=value] 属性的前几个字母是 value 就可以,例如:
[lang^=en]
<p lang="ennn">
1
2
2
# 3.attribute 属性以 value 结尾:
[attribute$=value] 属性的后几个字母是 value 就可以,例如:
[src$=png]
<img src="xxx.png">
1
2
2
# 总结
"value 是完整单词" 类型的比较符号: ~=, |=
"拼接字符串" 类型的比较符号: *=, ^=, $=
上次更新: 2020/09/19, 14:09:00
a标签的钓鱼漏洞 →