Attribute-Selectorsの記号

質問

[attribute][target]
[attribute=value][target=_blank]
[attribute~=value][title~=flower]
[attribute|=value][lang|=en]
[attribute^=value]a[href^="https"]
[attribute$=value]a[href$=".pdf"]
[attribute*=value]　 a[href*="w3schools"]

記号だけの意味を教えてください。
＄とかです。それと一番上の
[attribute][target]
上から二番目の
[attribute=value][target=_blank]
もお願いします。

ネットでこの部分だけ検索しましたが載っていないので質問しました。

回答No.1

Proof4 · ベストアンサー

attr ~= val：値が空白区切りのリストで(例：class属性)、そこにvalが含まれるもの
attr |= val：valまたはvalにハイフンが続くもの
attr ^= val：前方一致(valで始まるもの)
attr $= val：後方一致(valで終わるもの)
attr *= val：valを一つ以上含むもの

[attribute][target]：attributeとtargetのどちらの属性も指定されているもの
[attribute=value][target=_blank]：attributeの値がvalueに等しく、target属性に_blankが指定されているもの。(target="_blank"はaタグにおいて、リンク先を新しいタブで開くときに用いられます。アンダーバーにCSSセレクタとしての意味はありません)

参考になれば幸いです。

参考URL：

https://developer.mozilla.org/ja/docs/Web/CSS/Attribute_selectors

お礼

ありがとうございます。恥ずかしながら、本質問、投稿後なんどもあげました。しかし内容が忘れてしまったので、時期と形を改め、再質問させてください。