Stand by...

CSS Validatorが偏執的趣味以外に役立つことを知った

検証対象はWin IE6,IE7,Fx2 と Mac Safari2,Fx2(Fx3も加えるべき?え、Operaも?)

/* これはSafari以外なら動く。 */
@charset "utf-8";
@import "yui.css";
@import "common.css";

先に@charsetを指定しないのは気持ち悪いが、

/* これはSafariでも動く。 */
@import "yui.css";
@import "common.css";
@charset "utf-8";

CSS Validatorを通すとどっちも怒られる。

@charset 規則が指定できるのは、スタイルシートの最初の部分のみです。直前にスペースが入っていたりしないか確認してみてください。 @charset “utf-8”;

http://w3g.jp/css/guide/at_rule によると、

@charsetルールは、スタイルシートファイルの中で一番最初に記述する必要があります。コメントや @importルールを先行させることも許されません。

なるほど。
@charset "utf-8";
/* これはVALID。 */
@import "yui.css";
@import "common.css";

Related posts

Related posts