2

変更できないスタイルの P 要素があります。新しいフォントサイズを適用するために DIV で囲みたいと思います。内側の P が div の font-size を無視するのはなぜですか?

例：

<html>
<head>
    <style>
        .para1 { font-size:small; }
    </style>
</head>

<div style="font-size:300% !important">
    <p class="para1">I must have been asleep, for certainly if I had been fully awake I must have noticed the approach to such a remarkable place. In the gloom the courtyard looked of considerable size, and as several dark ways led from it under great round arches it perhaps seemed bigger than it really is. I have not yet been able to see it by daylight.</p>
</div>

</html>
4

3 に答える 3

4

ここで行ったように、ラッピング div にクラスを設定できます: http://jsfiddle.net/3Zvrg/

HTML:

<div class="out_of_para1">
    <p class="para1">

CSS:

.out_of_para1 p {font-size: 300%;}

編集：OPからの最後のコメントに基づく

于 2013-02-04T14:56:57.517 に答える
1

クラスを変更できないことは知っていますが、なぜこれを行うことができないのですか。

<div style="font-size:300% !important">
<p>I must have been asleep</p>
</div>

あなたの「p」をどのクラスにも関連付けないでください??

于 2013-02-04T14:55:24.217 に答える
0

スタイルは、プロパティの値が の場合にのみ継承されますinherit。段落では、プロパティの値は ですsmall。したがって、divのフォント サイズはです300%が、段落のフォント サイズは ですsmall。

段落要素のフォント サイズを明示的に設定する必要があります。

スタイルシートの子孫セレクターを使用してこれを行うことができます。

div .para1 {
    font-size: 300%;
}
于 2013-02-04T14:54:02.800 に答える