8

DIVに、データベースからロードされるtext/htmlコードを配置します。このテキストには、フォントサイズの定義が含まれている場合があります（例：fontsize = "3"）。CSSを使用してこの特定のDIVでこのフォントサイズをオーバーライドする方法はありますか？

私はどんな助けにも感謝しています。

4

4 に答える 4

11

次のようなマークアップを想定しています。

<div>
    <font size="1">Some text at 'size="1"'</font> and natively-sized text, with more at <font size="26">'size="26".'</font>
</div>​

次に、親要素からにinheritCSSを明示的に指示できます。font-size

div {
    font-size: 1.5em;
}
div font {
    font-size: inherit;
}

JSフィドルデモ。

もちろん、これfontは非推奨であるため、使用しないでください（要素のサポートは通知なしに停止したり、実装が警告なしに変更されたりする可能性があるため）。

ちなみに、!important宣言は通常のスタイルのカスケードをオーバーライドするように強制されますが、ナットを割るには大ハンマーが必要です。また、回避できる場合（この場合は回避できるようです）、スタイルのデバッグとそれに関連する継承の問題が複雑になるため、回避する必要があります。

さらに、これはあなたの問題の症状を治療しています。あなたが実際に直面している問題はfont、コンテンツ/データベースにタグが存在することです。emこれは、要素を削除し、などの適切なスタイルの要素に置き換えることで修正する必要がありspanます...

参照：

于 2012-06-15T19:25:00.007 に答える
6

CSS！important表記を使用して、 div：内で定義されたフォントサイズを上書きするようにブラウザに指示します。

上記のリンクから、次のようになります。

ただし、バランスをとるために、「！important」宣言（区切り文字トークン「！」とキーワード「important」が宣言の後に続く）が通常の宣言よりも優先されます。

例

この実用的なフィドルの例を参照してください！

.htmlContents * {font-size:10px!important;}

<div class="htmlContents">my database html content</div>
于 2012-06-15T19:27:50.960 に答える
0

1つのアイデア：これらのテキストタグにIDまたはクラスを指定し、JavaScriptを使用してこれらの要素を検索し、それらのスタイルを変更します。

于 2012-06-15T19:22:50.880 に答える
0

divに挿入する前に、テキストから「フォント」タグを削除するのはどうですか？次に、フォントサイズでdivのスタイルを設定します。

于 2012-06-15T19:30:47.593 に答える