當(dāng)你在網(wǎng)頁設(shè)計(jì)中嘗試修改CSS樣式時(shí),你可能會遇到CSS樣式無效的情況。這種情況無需驚慌,它可能是由于以下原因。
p { color:blue; font-size:16px; }
首先,可能是你已經(jīng)定義了相同的CSS屬性,但是在其他位置的代碼中有更高的CSS優(yōu)先級。
<p style="color:red;">我是紅色的!</p>
這里p標(biāo)簽的文字顏色被定義為了紅色,因此之前定義的藍(lán)色樣式被覆蓋了。相對于存儲在樣式表中的樣式,行內(nèi)樣式有更高的優(yōu)先級。
其次,可能是你的樣式文件沒有正確鏈接到你的HTML文件。
<link rel="stylesheet" type="text/css" href="style.css">
如果鏈接錯(cuò)誤或文件名稱錯(cuò)誤,瀏覽器將無法找到樣式文件,因此樣式將無法生效。
最后,可能是你的CSS屬性名或?qū)傩灾灯磳戝e(cuò)誤或格式不正確。
p { clor: blue; font-size: 16; }
這里,我們使用了clor代替了color,這是一個(gè)拼寫錯(cuò)誤。此外,我們忘記給字體大小的值添加px,因此它不起作用。
總之,當(dāng)你的CSS樣式無效時(shí),請檢查CSS屬性的優(yōu)先級、文件鏈接以及正確的拼寫和格式。
上一篇css手冊飄零零雨