css - 用我自己的 CSS 类覆盖全局标签字体大小？

Question

我正在尝试更新网站。有一个我想要设计样式的标签元素。看起来像:

 #foo {
     font-size: 9px;
 }

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

但看起来“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;
}

请记住，id对于整个文档应该是唯一的

或者将您的标签改为使用类:

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