3

全体として、以下のコードに遭遇したとき、CSS の特異性に混乱しました。以下の 2 つの css ファイルが定義されているとします。

A.cssファイル内

 #BizIdName
{
    font-family: Arial;
    font-size: 13 px;
    font-weight: normal;
    color: #333;
    text-decoration: none;
}

B.cssファイル内

A {
    font-size: 1em;//browser setting is 16px.
}

Htmlは以下です。

<a id="BizIdName" href="#">xxxx</a>

CSS の特異性に基づいて、 のクラスは のクラスA.cssよりも特異性が高くなりB.cssます。したがって、両方のファイルが単一の Html ページにリンクされていると思います。特異度の高いクラスは、低いクラスを上書きします。

しかし、なぜ機能しないのかわかりfont-size: 13 px;ません。16pxの代わりに表示されます13px。何かを逃したかどうかはわかりません。もしそうなら、親切に理由を教えてください。ありがとう。

4

1 に答える 1