很多時(shí)候，在瀏覽器中想要查看網(wǎng)頁的CSS樣式，我們會使用瀏覽器的開發(fā)者工具來進(jìn)行查看。然而有時(shí)候，我們會發(fā)現(xiàn)CSS樣式在瀏覽器中被劃掉了，這是怎么回事呢？

.selector {
text-decoration: line-through;
/*其他樣式*/
}

其實(shí)，瀏覽器會把不生效的樣式劃掉。而CSS樣式不生效的情況有很多，以下是幾種情況。

1.樣式被覆蓋了

.selector {
font-size: 12px;
}
/*其他樣式*/
.selector {
font-size: 18px;
}

在上面的代碼中，第二個(gè).selector樣式覆蓋了第一個(gè)，所以第一個(gè)樣式會被劃掉。

2.樣式被瀏覽器默認(rèn)樣式覆蓋了

.selector {
display: inline-block;
/*其他樣式*/
}

有些CSS樣式?jīng)]有指定，則會使用瀏覽器的默認(rèn)樣式。當(dāng)我們的CSS樣式不生效時(shí)，這往往是因?yàn)闉g覽器默認(rèn)樣式覆蓋了我們的樣式。

3.樣式被錯(cuò)誤的語法影響了

.selector {
font-size: "12px";
/*其他樣式*/
}

在上面的代碼中，font-size屬性的值應(yīng)該是12px，而不是"12px"，所以樣式不能生效。

解決這些問題的方法就是查看樣式所在的層次結(jié)構(gòu)，然后逐個(gè)排查問題，解決問題后樣式就能生效了。