2009.04.08

@impoatのネスト

cssの行数が長くなったんでファイルを分けました。
ページ基本(レイアウト)のcssが先にあり、派生したバリエーションのcssにページ基本cssを引き継がせる時、@impoatでいいんですが、ページ基本cssにも共通ナビcssとサイト全体の基本cssを@impoatで読み込んでいた場合。
バリエーションcssにも 共通ナビcssとサイト全体cssを並列に@impoatするのは、ナビと全体cssが二重になってどうも気持ちが悪いです。

@impoatで読み込んだcssにも@impoatがあると、それも読み込まれると遠い昔どこかで覚えていたので、バリエーションに@impoat(ナビと全体)の記述のあるページ基本レイアウトcssを一つだけ@impoatしてネストすることにしました。
管理しやすい…ような気がします。

WinIE6.0標準モード、WinIE6.0互換モードにおいて
3階層より深い位置にあるスタイルシートはインポートされない
とかいう、IEの仕様があるそうで。参考

<link>記述でhtmlにリンクしたchun.cssに@impoat(mosmos1.css)
1.mosmos1.css @impoat(mosmos2.css)
2.mosmos2.css @impoat(mosmos3.css)
3.mosmos3.css @impoat(mosmos4.css)
とすると、mosmos4.cssは無効。mosmos.3までがインポートされるということだすな。

参考サイトのようにhtmlの<style>に@impoatとすると
chun.css
mosmos.css1
mosmos.css2
までってことでやんすか。
<link>の方がお得感があるような、ないような。
でも、そんなに深くしないか…。

PageTop