CSS属性选择器=，|=，^=,$=,=的区别

￡神魔★判官ぃ 2022-05-21 08:56 187阅读 0赞

**要求value是完整单词类型的比较符号：~=,|=**

**拼接字符串类型的比较符号：\*=,^=,$=**

1.attribute属性中包含value:

[\[*attribute*~=*value*\]][attribute_value] 属性中包含独立的单词为value

e.g:\[title~=flower\]  -->  <img src="/i/eg\_tulip.jpg" title="tulip flower" />

[\[*attribute*\*=*value*\]][attribute_value 1] 属性中做字符串拆分，只要能拆出来value这个词就行

e.g:\[title~=flower\]   -->  <img src="/i/eg\_tulip.jpg" title="ffffflowerrrrrr" />

2.attribute属性以value开头:

[\[*attribute*|=*value*\]][attribute_value 2] 属性中必须是完整且唯一的单词，或者以-分隔开

e.g:\[lang|=en\]     -->  <p lang="en">  <p lang="en-us">

[\[*attribute*^=*value*\]][attribute_value 3] 属性的前几个字母是value就可以

e.g:\[lang^=en\]    -->  <p lang="ennn">

3.attribute属性以value结尾:

[\[*attribute*$=*value*\]][attribute_value 4] 属性的后几个字母是value就可以

e.g:a\[src$=".pdf"\]

原文地址：[https://www.cnblogs.com/gugege/p/6340422.html][https_www.cnblogs.com_gugege_p_6340422.html]

附加看到的博文:  [http://blog.sina.com.cn/s/blog\_4b32835b01014iv9.html][http_blog.sina.com.cn_s_blog_4b32835b01014iv9.html]

js ==与===区别（两个等号与三个等号）

**1、对于string,number等基础类型，==和===是有区别的**

1）不同类型间比较，==之比较“转化成同一类型后的值”看“值”是否相等，===如果类型不同，其结果就是不等

2）同类型比较，直接进行“值”比较，两者结果一样

**2、对于Array,Object等高级类型，==和===是没有区别的**

进行“指针地址”比较

**3、基础类型与高级类型，==和===是有区别的**

1）对于==，将高级转化为基础类型，进行“值”比较

2）因为类型不同，===结果为false

[attribute_value]: http://www.w3school.com.cn/cssref/selector_attribute_value_contain.asp
[attribute_value 1]: http://www.w3school.com.cn/cssref/selector_attr_contain.asp
[attribute_value 2]: http://www.w3school.com.cn/cssref/selector_attribute_value_start.asp
[attribute_value 3]: http://www.w3school.com.cn/cssref/selector_attr_begin.asp
[attribute_value 4]: http://www.w3school.com.cn/cssref/selector_attr_end.asp
[https_www.cnblogs.com_gugege_p_6340422.html]: https://www.cnblogs.com/gugege/p/6340422.html
[http_blog.sina.com.cn_s_blog_4b32835b01014iv9.html]: http://blog.sina.com.cn/s/blog_4b32835b01014iv9.html