次の html/css を使用すると、Firefox 3.0.10/Leopard で奇妙な構文エラーが発生します。
foo.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<link rel="stylesheet" href="foo.css"/>
</head>
<body>
Foo
</body>
</html>
foo.css:
div {
color: #FF0000;
}
コンソールに表示されるエラーは次のとおりです。
Error: syntax error
Source File: file://path/to/foo.css
Line: 1, Column: 1
Source Code:
div {
これは CSS ではありません。インライン STYLE タグの本文に貼り付けても問題なく動作するからです。HREF をスタック オーバーフローの css ファイルに向けてもエラーが発生しないため、これはリンク タグではありません。Firefox のバグのように感じますが、ドキュメントが見つかりません。これは既知の問題ですか?回避策はありますか? デバッグや検証が困難になります。
ありがとう。