在網頁開發中，我們經常使用 HTML 來定義網頁的結構，而使用 CSS 來為網頁添加樣式。然而有時候可能會遇到 CSS 樣式無法和 HTML 關聯的問題。下面我們來看一下可能造成這種問題的原因。
<style>
h1 {
color: red;
}
</style>
<body>
<div>
<p>Hello World!</p>
</div>
</body>以上是一個很簡單的例子，我們為 h1 標簽定義了一個 red 顏色的樣式。然而在頁面中并沒有使用到 h1 標簽，而是使用了 p 標簽。這時候樣式便無法和 HTML 關聯上了。
那么怎么解決這種問題呢？可能有以下幾種方法：
- 修改 HTML 結構：將要應用樣式的標簽替換為具有相同樣式的標簽，或者在已有標簽中添加 class 或 id 屬性。
- 使用通用選擇器：在選擇器中使用通用選擇器 * 來指定應用樣式的標簽。
- 使用 !important 關鍵字：在定義樣式時，添加 !important 關鍵字可以強制覆蓋其他樣式。
綜上所述，雖然 CSS 樣式無法和 HTML 關聯可能會造成一些麻煩，但是通過簡單的調整我們便可以解決這個問題。