1. 程式人生 > >CSS屬性選擇器*=,|=,^=,$=,*=的區別

CSS屬性選擇器*=,|=,^=,$=,*=的區別

要求value是完整單詞型別的比較符號:~=,|=

拼接字串型別的比較符號:*=,^=,$=

1.attribute屬性中包含value: 

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

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

2.attribute屬性以value開頭:

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

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

3.attribute屬性以value結尾:

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

js ==與===區別(兩個等號與三個等號)

1、對於string,number等基礎型別,==和===是有區別的

1)不同型別間比較,==之比較“轉化成同一型別後的值”看“值”是否相等,===如果型別不同,其結果就是不等2)同類型比較,直接進行“值”比較,兩者結果一樣2、對於Array,Object等高階型別,==和===是沒有區別的進行“指標地址”比較3、基礎型別與高階型別,==和===是有區別的1)對於==,將高階轉化為基礎型別,進行“值”比較2)因為型別不同,===結果為false