CSSのクラス名・ID名の指定でワイルドカードか正規表現を使いたい

質問

CSSでクラス名やID名を指定する場合に、
ワイルドカードか正規表現を使いたいと思ったのですが、うまくできません。
使えないのでしょうか？

また、他に、似たクラス名・ID名を一括で指定する方法はありますか？

例）
<div id="cat1">猫が１匹</div>
<div id="cat2">猫が２匹</div>
<div id="cat3">猫が３匹</div>

#cat1, #cat2, #cat3{color:#FF00FF;}
を
#cat*{color:#FF00FF;}
のようにまとめて指定したい。

回答No.1

steel_gray · ベストアンサー

CSS2までのセレクタにはワイルドカードも正規表現も使えません。

※ CSS3では属性セレクタが拡張されているので
div:[id^="cat"] {～～～}　・・・・ idがcatで始まるdiv要素
みたいな事もできますが、まだ使えるブラウザが限られるので現実的ではありません。

http://hp.vector.co.jp/authors/VA022006/css/selector.html
http://www.google.com/search?q=css3+%83Z%83%8C%83N%83%5E&hl=ja

お礼

まだ実際上使えないのですね。ありがとうございました。