在CSS編寫過程中，我們可能會遇到一些代碼不生效的情況。下面我們來看幾種常見的代碼不生效的情況。

/* 情況一 */
p {
color: red;
font-size: 16px;
}
/* 情況二 */
p {
display: block !important;
}
/* 情況三 */
p {
font-family: '宋體', sans-serif;
}

情況一：代碼被覆蓋

如果多個CSS樣式中對同一個元素的同一個屬性進行了定義，后面的代碼會覆蓋前面的代碼，導致前面的代碼不生效。例如：

p {
color: red;
font-size: 16px; /* 這一行代碼不生效 */
}
p {
font-size: 14px;
}

解決方法：

可以通過加上!important來強制生效，例如：

p {
color: red;
font-size: 16px !important;
}
p {
font-size: 14px;
}

情況二：代碼被覆蓋2

有時候我們會使用display屬性來設置元素的屬性，如果后面的代碼覆蓋了之前的代碼，就會導致前面的代碼不生效。例如：

p {
display: block;
}
p {
display: inline; /* 這一行代碼不生效 */
}

解決方法：

同樣可以加上!important來強制生效，例如：

p {
display: block !important;
}
p {
display: inline;
}

情況三：代碼引用不正確

CSS中有許多字體名稱，如果我們引用的字體名稱不正確，就會導致代碼不生效。例如：

p {
font-family: '宋體', sans-serif; /* 這一行代碼不生效 */
}
p {
font-family: 'SimSun', sans-serif;
}

解決方法：

可以通過查找正確的字體名稱來解決，例如：

p {
font-family: 'SimSun', sans-serif;
}
p {
font-family: 'Microsoft Yahei', sans-serif;
}

總結

CSS代碼不生效的原因有很多，我們需要仔細查看代碼，找到問題并解決。一般來說，可以通過加上!important來強制生效，但是這不是一個好習慣。我們應該盡量避免出現代碼不生效的情況，并編寫規范的CSS代碼。