Internet Explorer 9 以前のCSSスタイルの制限


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