最近のCSSの書き方
IE5を気にするとき、IE5.5を気にするとき、IE6以上で良いときで使い分ける。
HTML
<link rel="stylesheet" type="text/css" href="styles.css" media="all">
styles.css
@import url("all.css"); /*全体的なレイアウトの調整。フォントサイズとリンク色とか。IE4も読ませる*/ /*以下はIE6+向けのとき。中身は@mediaで絞る*/ @import "screen.css"/**/; @import "screen_each.css"/**/; @import "print.css"/**/; /*IE5.5+*/ @import /**/"screen.css"; /*IE5+*/ @import "screen.css"; /*ハック用コード用*/ @import url\ ("ie60+.css"); /* IE6と7の区別を内部でつける必要がある */ @import/**/"ie55.css"; _@import "ie50.css";
他のハック用コード
* html { /* IE6 */ } *+html { /* IE7 */ } E { *property:value; /*IE*/ _property:value; /*IE6*/ }