スタイルシートを分けるのが、あんまり好きじゃないんです。同じ要素へのスタイル指定が複数のファイルにまたがると、メンテナンスがしにくい（その方がしやすいという意見もあるでしょうけど）。でもハックはできるだけ使いたくないので、IEだけは条件分岐でcssファイルを分けていました。

Information Architects JapanのCSSファイルを眺めていると、html.mac うんぬんという見慣れない指定があったのでなんだろう？　と不思議に思いました。JavaScriptはそれらしいものを全部見てみましたが、OSやブラウザの判別はありません。どうも、PHPでhtmlタグにclass属性を設定しているみたいですね。例えば私のFFで見た場合、「選択した部分のソースを表示」で見てみると、htmlタグにclass="js mac mozilla ver5.0" が設定されています。

これなら、html.mac とかhtml.win.ie.6とかの指定でOSもブラウザもバージョンも1枚のスタイルシート内で振り分けられるし、ハックよりずっと確実で将来的にも良さそうな気がします。それほど細かく分けたいとは思わないけど、font-familyはwinとmacで分けたいし、font-sizeはIEとIE以外で分けたいんですよね。

今度マネしてみたいと思ってます。