Home > Windows > Internet Explorer > ver.6 @importのネストを3階層より深くできない

@importのネストを3階層より深くできない

@importキーワードでインポートされるスタイルシート内で@importキーワードを用いて他のスタイルシートをインポートする操作を繰り返すとき、3階層より深い位置にあるスタイルシートはインポートされない（4回目以降の@importは無視される）。

例示

index.html (このファイル)

<style type="text/css">
<!--
@import url('fig1.css');
-->
</style>

<p class="sample">スタイル</p>

fig1.css

@import url('fig2.css');

.sample {
    color: red;
}

fig2.css

@import url('fig3.css');

.sample {
    background-color: yellow;
}

fig3.css

@import url('fig4.css');

.sample {
    border: 2px dashed blue;
}

fig4.css

.sample {
    font-style: italic;
}

スタイル

@importキーワードを用いて「前景色・背景色・ボーダー・イタリック」の各スタイルを適用させています。

N7.1 N7.1での表示（標準モード）

WinIE6 WinIE6.0での表示（標準モード）

CSS2勧告では@importキーワードのネスト数に関する規定がないため、ここではこの現象をバグではなくWinIEの仕様上の限界と考えています。

WinIE5.5、WinIE6.0標準モード、WinIE6.0互換モードでこの現象が発生します。