css屬性選擇器 , , , , 的區別

2022-05-18 04:04:55 字數 979 閱讀 9727

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

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

1.attribute屬性中包含value: 

[attribute~=value] 屬性中包含獨立的單詞為value

e.g:[title~=flower]  -->

[attribute*=value] 屬性中做字串拆分,只要能拆出來value這個詞就行

e.g:[title~=flower]   -->

2.attribute屬性以value開頭:

[attribute|=value] 屬性中必須是完整且唯一的單詞,或者以-分隔開

e.g:[lang|=en]     -->  

[attribute^=value] 屬性的前幾個字母是value就可以

e.g:[lang^=en]    -->  

3.attribute屬性以value結尾:

[attribute$=value] 屬性的後幾個字母是value就可以

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

附加看到的博文:  

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

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

1)不同型別間比較,==之比較「轉化成同一型別後的值」看「值」是否相等,===如果型別不同,其結果就是不等

2)同型別比較,直接進行「值」比較,兩者結果一樣

2、對於array,object等高階型別,==和===是沒有區別的

進行「指標位址」比較

3、基礎型別與高階型別,==和===是有區別的

1)對於==,將高階轉化為基礎型別,進行「值」比較

2)因為型別不同,===結果為false

CSS選擇器 屬性選擇器

最近重新學習了css3,發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...

CSS屬性選擇器

簡單屬性選擇器,如 css h1 class html 那麼以上h1標籤裡的內容字型顏色都會改變。同時我們也可以通過這種方法來給自己建立的標籤加上樣式,如 css planet moon html venus earth mars 這樣的話,第二條和第三條就會被加上樣式。還可以根據標籤裡的具體屬性值...

CSS屬性選擇器

css 2 引入了屬性選擇器。屬性選擇器可以根據元素的屬性及屬性值來選擇元素。如果希望選擇有某個屬性的元素,而不論屬性值是什麼,可以使用簡單屬性選擇器。如果您希望把包含標題 title 的所有元素變為紅色,可以寫作 title 親自試一試 與上面類似,可以只對有 href 屬性的錨 a 元素 應用樣...