CSS：h1，h2，h3多個選擇器+單獨的h2 ...訂單事項？

Question

所以這裏是我的問題。我想要高效，並將我的所有標題標籤設置爲相同的字體系列。所以我使用了下面的代碼。然而，只有當多重選擇器代碼在單個h2代碼之後時，它纔會起作用。

如果我在h2代碼之前放置多選擇器代碼，那麼它會完全忽略它。有什麼想法，我失蹤了？這裏有一個鏈接到測試頁：

http://www.jasonkoprowski.com/test/JK_Test.html

我想報頭使用「深紅文字」的字體顯示，但似乎默認爲「宋體」（甚至不知道從哪裏它是從實際得到這。當我把h1，h2，h3，h4，h5代碼放在後面但不是之前，它可以工作，我想我可以把它放在h2標記代碼之後並且用它來完成，但是我想確保我理解這個問題的根源：

h1, h2, h3, h4, h5 { 
    font-family:"Crimson Text", "Lucida Sans Unicode","Times New Roman", serif; 
} 


h2 { 
    color:#232323; 
    font-style:normal; 
    font-weight:500; 
    letter-spacing:-1px; 
    line-height:1.1em; 
    margin:30px 0; 
    text-align:center; 
    font-size:42px; 
} 

要更添加到我的困惑，當我加入了代碼，代碼筆（http://codepen.io/anon/pen/EDpJg）它看起來s正在渲染正確...所以我的網站上出現錯誤？

任何幫助你可以提供將不勝感激。

謝謝

Koprowski

Answer 1

的問題不在於你的選擇或您的規則排序（雖然in general it does matter有時），它與在開始和你的樣式表的末尾<style>標籤：

<style type="text/css"> 

和

</style> 
<!--CSS END--> 

這些屬於HTML頁面，但不在CSS表格中。此外，開始標記與您的h1, h2, h3, h4, h5規則相沖突。你應該刪除它們。