IE9以前のIEではCSSスタイルの記述に制限がある。
以下の制限を超えると、超えた分の記述したスタイルは適用されない。
- ファイルもしくは
<style>タグあたりのルール(中括弧ひとつ。div.class { }など)は4095個まで。 -
<style>タグは31個まで。 -
@importのネストは3階層まで。 -
@importで読み込むファイルは31個まで。
下2つの@importについては今はもうあまり使われないからいいとしても、
複数のスタイルシートを圧縮したときの1ファイルあたりのセレクタ数には気をつけたいところ。
[参考]
http://support.microsoft.com/kb/262161
http://blogs.msdn.com/b/ieinternals/archive/2011/05/14/internet-explorer-stylesheet-rule-selector-import-sheet-limit-maximum.aspx