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。並感謝您的答案，儘管這只是一個純粹的巧合，這發生在我的例子中。

因此，我現在要舉一個真實的例子，希望它不再是一件小事。

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樣式完全沒有效果。我甚至不看它在鉻當我檢查的元素......希望有人能夠幫助這不會花費我再點;）

Answer 1

變化

.header { 
font: 12px; 
} 

到

.header { 
font-size: 12px; 
} 

當您使用font時，它是一種速記，不能僅限於大小。

見reference：

使用CSS字體速記時，有幾點需要注意。如果這些 條件未滿足，則該屬性無效，完全忽略 。除了使用關鍵字之外，還必須定義font-size和font-style屬性的值 。