1

iframe に HTML ページを読み込んでいて、iframe の本文の font-size を 27pt に設定しようとしています。ただし、そのフォントがすべての要素に適用されるわけではありません。

以下は DIV で、CSS です。

<div id="d10" class="fnt12 page2parttext">COLLECTION</div>

.fnt12 {
  font-size: 25px;
  font-family: MyriadPro-SemiExt;
  color: white;
}

そして、この CSS をページの本文に適用しています。

font-size: 40pt !important;

開発者ツールでは、の font-size プロパティ.fnt12は取り消し線ですが、テキスト サイズは 25px のままです。font-size: 25pxChrome Inpector でチェックボックスをオフにしようとしましたが、うまくいきました。

どうしたの？既存の CSS プロパティを上書きしないのはなぜですか?

4

2 に答える 2

3

body要素にルールを適用しているため、これは機能しません。フォント設定は継承されますが、フォント設定を子要素に直接適用すると、通常は親に適用された設定がオーバーライドされます。宣言は実際に!importantそれが本文に適用されているスタイルに優先順位を与えますが、重要性は子にカスケードしません。!important通常、特定の要素または要素のコレクションの微調整にのみ使用されるため、これは良いことです。

特異性に関する公式仕様については、http://www.w3.org/TR/CSS21/cascade.htmlを参照してください。

そして、このトピックに関する一般的な記事があります: http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/ .

于 2012-12-13T07:49:01.883 に答える
2

使用できます

* {
   font-size:25px;
}

font-sizeは通常、継承可能な属性*ではないため、本文に設定しても機能しません。（font-colorとfont-familyは）。ただし、divやその他のものを次のように設定できます。

div {
   font-size:inherit;
}

次に、直接の親からフォントサイズを取得します。

*悪い言い回し、詳細についてはこちらをご覧ください：http ://webdesign.about.com/od/advancedcss/a/aa073007.htm

于 2012-12-13T07:40:03.083 に答える