css - 定义 h1 样式后无法识别 h1 类

Question

标题太模糊？这是一个例子:

HTML:

<h1>Heading 1</h1>
<h1 class='header'>Heading 2</h1>

CSS:

h1 {
font-size: 2px;
}

.header {
font: 12px;
}

在网站上，标题 1 和标题 2 的字体大小均为 2px。为什么是这样？有没有我不知道的层次结构？如果是这样，我在哪里可以阅读更多相关信息？因为我一直在寻找但没有头绪。

---编辑---好吧，拳头示例只是一个非常愚蠢的错字……感谢负 -1。感谢您对 dystroy 的回答，尽管在我的示例中发生这种情况纯属巧合。

因此，我现在将给出真实的示例，希望它不再是微不足道的。

html:

<div class="container-fluid">
<div id="content" class="product-info">
<div class="product_overview_wrapper span-fluid250-overview product-info">
<h3 style="heading_price" id="heading_price_id">PRICE:</h3>
</div>
</div>
</div>

CSS:

.product_overview_wrapper h3 , .product_overview_wrapper p {
font-family: 'Ovo', serif;
font-size: 1.1em;
font-weight: lighter;
color: #363636;
margin-top: 19px;
line-height: normal;
}

.heading_price {
margin-top: 100px;
}

我之前为 h3 设计了一次样式，如上所示。但是我的 .heading_price 样式根本没有效果。当我检查元素时，我什至没有在 chrome 中看到它...希望有人可以提供帮助，这不会让我再次花费积分；)

Answer 1

改变

.header {
font: 12px;
}

到

.header {
font-size: 12px;
}

当您使用font 时，它是一种简写，不能仅限于大小。

参见 reference :

There are few caveats when using the CSS font shorthand. If these conditions are not met, the property is invalid and is entirely ignored. Except when using a keyword, it is mandatory to define the value of both the font-size and the font-style properties.