HTML に次のような要素がある場合:
id="product42"
id="product43"
...
「product」で始まるすべての ID を一致させるにはどうすればよいでしょうか?
まさに JavaScript を使用してこれを実行する回答を見たことがありますが、CSS のみでこれを行うにはどうすればよいですか?
ベストアンサー1
[id^=product]
^=
は「で始まる」を示します。逆に、は$=
「で終わる」を示します。
これらの記号は、実際には正規表現の構文から借用されたもので、^
と は$
それぞれ「文字列の始まり」と「文字列の終わり」を意味します。
見る仕様詳しい情報については。