css - 独自の css クラスでグローバル ラベルのフォント サイズをオーバーライドしますか?

Question

ウェブサイトを更新しようとしています。スタイルを設定したいラベル要素があります。次のようになります。

 #foo {
     font-size: 9px;
 }

 <label id="foo"></label>

しかし、「ラベル」要素の css 定義が、設定しているより具体的なスタイルをオーバーライドしているようです。私はfirebugでこれを見ています

label {
    font-size: 16px;
}
.foo {
    font-size: 9px; /* strikethrough on my font-size declaration here */
}

それで、デフォルトのラベルのフォントサイズ設定をすべて変更せずに上書きする方法はありますか? （私のより具体的な定義はデフォルトでそれを行うと思いました）

ありがとう

Answer 1

の構文との構文を混同しましidたclass:

#foo { /* # = id, . = class */
    font-size: 9px;
}

ids はドキュメント全体で一意である必要があることに注意してください

または、代わりにクラスを使用するようにラベルを切り替えます。

<label class="foo"></label>

Answer 2

!importantインジケーターを使用して、ルールを優先することができます。

font-size: 9px !important;