可能有時你會發現，在HTML和CSS中設定了樣式，但在頁面中卻沒有看到對應的效果，這種情況被稱為“CSS樣式未映入”。
<style>
p {
color: red;
}
</style>
<body>
<p>Hello World!</p>
</body>上述代碼中，我們設置了段落p的字體顏色為紅色。但是在頁面中卻沒有看到紅色的字體。這是為什么呢？以下是可能出現該問題的兩種情況：
1.樣式表文件沒加載成功。
<link rel="stylesheet" href="style.css">
如果是外部樣式表的話，需要確保文件路徑正確。如果你的樣式表路徑不正確，則無法正確地加載特定的CSS文件。
2.樣式被覆蓋。
<style>
p {
color: blue !important;
}
</style>在你的頁面中，可能已經有一個將顏色設置為blue的CSS樣式表，因此上述CSS樣式沒起作用。這時，我們可以添加!important以加強CSS樣式優先級，并使其通過覆蓋原有樣式來被正確映入頁面。
綜上所述，如果您發現CSS樣式未映入，可仔細檢查文件路徑，確保文件正確加載，或者檢查是否有其他CSS樣式覆蓋了該樣式。希望這篇文章能給您帶來幫助。