css - CSS 属性セレクター

Question

w3schoolで css について勉強しています。CSS セレクター テーブルには次の行があります。

[属性|=値]

• [lang|=en] 「en」で始まる lang 属性値を持つすべての要素を選択します

[属性^=値]

• a[src^="https"] src 属性値が「https」で始まるすべての要素を選択します

二重引用符を除く [attr |= value] と [attr ^= value] の違いは何ですか?

Answer 1

[attr | = value]属性名attrの要素を表し、その値はハイフンで区切られた単語のリストであり、そのうちの1つは正確に「value」です。言語サブコードの一致に使用できます。

[attr ^ = value]属性名がattrで、値の前に「value」が付いている要素を表します。

w3foolsを見てください

https://developer.mozilla.org/en-US/docs/CSS/Attribute_selectorsとMDN全体をお勧めします