Home > コーディング > @importの落とし穴

@importの落とし穴

CSSを普通に使っている分にはまず問題ないですが、昔から存在するものの、ほとんどマイナーなバグ(仕様)に捕まるとちょっと焦ります。

ネットスケープ対策として、「NN4.xの@importのバグを利用して、CSSプロパティを読み込ませないようにする。」を利用することはよく使われる小技です。

その@importを、「1つのファイルで32回以上使ってしまう」または「3階層より深くしてしまう」と、IEではスタイルが適用されなくなってしまいます。
普通、「32回も使わないでしょ」と返されてしまうのですが、サイトのコンテンツ量が非常に多く、なおかつ複数人で作業したために上記の条件を満たしてしまいました。
(1つのファイルを複数人で編集することができない為。)

1ファイルで32個インポートせず、2ファイルに分けることで解決しましたが、タコ足配線の構造変更しただけに似ています。そもそも31個も作らないように、すべきなんですが……。

1つの文書内ではスタイルシートを31個までしか認識しない
@importのネストを3階層より深くできない

Home > コーディング > @importの落とし穴

Search
Feeds

Page Top