用我自己的css类覆盖全局标签font-size？

Question

我正在尝试更新网站。我想要一个标签元素。它看起来像：

 #foo {
     font-size: 9px;
 }

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

但看起来“label”元素的css定义覆盖了我设置的更具体的样式。我在萤火虫中看到了这一点

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>

Answer 2

您始终可以使用!important指示符来优先处理该规则。

font-size: 9px !important;