みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

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]
もお願いします。

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

投稿日時 - 2019-01-13 12:12:01

QNo.9577225

困ってます

質問者が選んだベストアンサー

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

投稿日時 - 2019-01-13 15:16:48

お礼

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

投稿日時 - 2019-01-18 11:49:00

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問

オススメのQ&Aはありません。