@importを使ってCSSにリンクしています。
上部ナビゲーションのリンクにマウスオーバーすると画像が切り替わるはずなんですが…。
このページでは、一度別のCSSを参照し、そのCSSの中で更に別のCSSを参照しています。
<link href="css/read_menu.css" rel="stylesheet" type="text/css" media="screen,print" />
read_menu.cssを一旦HTMLから参照しています。
更にread_menu.cssの中で以下のように記述してmenu.cssを参照しています。
@import "menu.css";
CSSの実装状態が芳しくないNN4.xとIE4にCSSを読み込ませないようにするための一般的な記述方法です。
しかし、この場合IE7 beta2ではリンクにカーソルが触れても何も起きません。
また、HTMLの編集を行わず複数のCSSを参照するために以下のような記述をすることもあります。
@import "menu.css"; @import "hoge.css";