web-dev-qa-db-ja.com

ユーザーエージェントスタイルシートがスタイルをオーバーライドするのはなぜですか？

私は11のフォントサイズが必要ですが、ChromeとFirefoxは私に16を与えています。Chrome私が見る計算されたプロパティ：

font-size: 16px;
  table - medium user agent stylesheet
  Style Attribute - 11px
  table - medium user agent stylesheet
  .v11gray - 11px style.css

Firefoxの計算されたスタイルの下で私は得る：

font-size: 16px
   TABLE[0].style → 11px    element
   .v11gray → 11px  style.css:19

最後の3行は消されています。 cssルールがオーバーライドされるのはなぜですか？調べるために実行できる手順はありますか？

cssfont-size
51
Joe

これはコードなしの外部ショットですが、まったく同じ問題が発生したときの解決策です。 この質問 で説明されているように、誤ったキーストロークによってDOCTYPEステートメントがファウリングされました。視覚的に検査したり、検証したりできます。

77
kburke

これは奇妙に聞こえるかもしれませんが、確認するのに役立ちます（特にIDEまたはCSSで検証を行わないもの）を使用していない場合）。 ;行の最後に:ではなくyour:style;があります。一見したところ、インスペクターでは構文は正しいように見えますが、そうではないため、ユーザーエージェントスタイルシートこれは、「プリンターが接続されていることを確認する」チェックの1つです。

4
Philll_t