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 回答日時： 2009/03/28 01:48

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

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

http://hp.vector.co.jp/authors/VA022006/css/sele …
http://www.google.com/search?q=css3+%83Z%83%8C%8 …

この回答へのお礼

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

お礼日時：2009/03/28 05:49