修改了CSS不生效？

在網頁開發中我們經常會遇到修改了CSS卻沒有生效的情況。這時候我們需要先確認一下以下幾個方面：

1. 選擇器是否正確

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

上述代碼表示所有的段落元素都會應用這些樣式。但是如果在HTML中使用了class或者id選擇器，那么我們需要確認選擇器是否書寫正確。比如：

.intro p {
font-size: 16px;
color: red;
}

表示只有class為“intro”的元素內的段落才會應用這些樣式。

2. 樣式優先級是否正確

p {
font-size: 16px;
color: red;
}
.intro p {
color: blue;
}

上述代碼表示所有段落元素都會應用紅色文字顏色，但是class為“intro”的元素內的段落會覆蓋這個樣式并應用藍色文字顏色。

在CSS中，選擇器有不同的優先級，具體排名如下：

!important >行內樣式 >id選擇器 >類、偽類選擇器、屬性選擇器 >標簽選擇器、偽元素選擇器

使用!important可以將某一樣式強制應用到元素上，但是建議不要過度使用，因為這樣很容易導致樣式難以管理。

3. 是否存在樣式繼承

div {
font-size: 16px;
}
p {
color: red;
}

上述代碼表示所有段落都會應用紅色文字顏色，如果某個段落元素的父元素是div，那么這個段落元素也會繼承div的字體大小。如果不想繼承，可以使用以下代碼：

div {
font-size: 16px;
}
p {
color: red;
font-size: inherit;
}

其中，font-size: inherit會繼承父元素的字體大小。

總之，在排查CSS不生效的問題時，需要認真檢查以上幾個方面，以確保樣式能夠正確應用到元素上。