0

これは簡単な解決策のはずですが、私はそれを理解できないようです。フィドルを見てください。2 番目のスパンの font-size をオーバーライドできないのはなぜですか? コードは次のとおりです。

html:

<h1>
    <span>hello </span>
    <span id="span2">world</span>
</h1>

CSS:

h1
{
    font-size:2em;
}
h1  #span2
{
    font-size:1em !important;
}
4

4 に答える 4

4

font-size<h1>を 2em に設定したためです。あなたの内部のスパン<h1>は 1 em です。これは、継承された font-size の 100% のようなものを意味します。span2font-size をto に設定するとどうなるか見てみましょう。0.5em ところで、最初のスパンに適切な終了タグがありません。

于 2012-08-29T18:48:05.313 に答える
1

追加

 #span2     {
  font-size:1em !important;
}
于 2012-08-29T18:47:23.803 に答える
0

これを試して

h1 span
{
    font-size:2em;
}
h1 span#span2
{
    font-size:1em !important;
}
于 2012-08-29T18:49:25.673 に答える
0

em は相対的な測定単位です。「em」の代わりに「%」をほぼ代用できます。したがって、スパン ルールに「1em」が含まれている場合、「親のサイズを 100% にする」と解釈されるため、効果はありません。

h1 サイズの半分にする場合は、次のものが必要です。

#span2 {
   font-size: .5em;
}

この更新された fiddle を参照してください

于 2012-08-29T19:00:15.440 に答える