[解決済み】CSSで文字列で始まるIDを選択させる方法（Javascriptでは不可）？

質問

HTMLにこのような要素がある場合。

id="product42"
id="product43"
...

どのようにすれば、"product"で始まるこれらのIDをすべてマッチングさせることができますか？

javascriptできっちりやっている回答を見たことがありますが、CSSだけでやるにはどうしたらいいのでしょうか？

どのように解決するのですか？

[id^=product]

^= は "starts with" を表します。逆に $= は、"end with"を表します。

この記号は、実は Regex 構文から借用したものです。 ^ と $ はそれぞれ、「文字列の先頭」と「文字列の末尾」を意味します。

参照 仕様書 をご覧ください。