1

私は w3 バリデーターにいくつかの css を入れました (css3 でボークするので、無意味であることはわかっています) が、修正しようとしていたいくつかの点が間違っている可能性があることがわかりました。

これは、検出されたエラーの 1 つですが、問題はありません。私に見えない何かが見えるかもしれません。

それが与えているエラーは...

値のエラー: font / is not a font-family value: bold 3.7em / 0.82 Impact,Charcoal,sans-serif

コードは...

font:bold 3.7em/0.82 Impact, Charcoal, sans-serif;

JJ

4

2 に答える 2

3

これはバリデーターのバグであると確信しています (問題を抱えているのはあなただけではありません)。これに関する公式仕様から例の 1 つを取り出したところ、同じエラーが発生しました。

私はこれを検証しました：

* { font: bold 3.7em/0.82 Impact, Charcoal, sans-serif; }
p { font: x-large/110% "New Century Schoolbook", serif } /* from specs */

そして、これを得ました：

Sorry! We found the following errors (2)
URI : TextArea
1    *   Value Error : font / is not a font-family value : bold 3.7em / 0.82,Impact,Charcoal,sans-serif
2    p   Value Error : font / is not a font-family value : x-large / 110% "New Century Schoolbook",serif

ソース:

ジグソー CSS バリデーターは完璧ではありません。ソフトウェアなので、バグがあります。このような場合に行うべき最善の方法は、対象の仕様を調べてサンプル コードを検証することです。その場合に検証された場合は、それが自分のものとどのように異なるかを試してみてください。

于 2012-05-08T23:13:28.843 に答える
2

このバグは、2012 年 5 月 3 日に W3C CSS Validator のメーリング リストで報告されました。まだ回答はありません。バグが修正されるまでに数日、場合によっては数週間かかると思います. これはおそらく、フォントに関連するプロパティ値の処理の一部を書き直したことに関連しており、その過程で他のバグも発生しました (現在は修正されています)。

開発を待って、CSS コードのこの種の部分を手動でチェックするか、font省略形の代わりに個々のフォント プロパティを使用してください。CSS ショートハンドは一般的に危険です。これはブラウザーのバグ (もはや) によるものではなく、概念的な難しさと、複雑なセマンティクスと構文上の専門性を備えたそのような構成で人々が間違いを犯す傾向があるためです。

このような理由で既存のコードを大量に書き直すことはほとんど役に立ちませんが、個々のルールや新しいコードについては、おそらく「font:bold 3.7em/0.82 Impact, Charcoal, sans-serif;」を避ける方がよいでしょう。は準拠しています)、代わりに個々のプロパティを使用します。

font-weight: bold;
font-size: 3.7em;
line-height: 0.82;
font-family: Impact, Charcoal, sans-serif;

font省略形を使用する主な理由は、多くの場所で複数のルールで同じ設定を使用しているためです。一般的には、設定を 1 回記述し、必要な要素だけをカバーするルールで適切なセレクターのリストを使用することが可能であり、保守性とコードの可読性を向上させます。

于 2012-05-09T03:47:08.447 に答える