最近我在寫網站時遇到了一個問題，我已經將CSS文件和HTML文件連接了起來，但是CSS的樣式并沒有生效。
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>我的網站</title> <link rel="stylesheet" href="style.css"> </head> <body> <p>這是我的首頁</p> <ul> <li>導航1</li> <li>導航2</li> <li>導航3</li> <li>導航4</li> </ul> </body> </html>
我的CSS文件的樣式如下：
p {
color: red;
}
ul li {
font-size: 20px;
}但是當我在瀏覽器中打開網站時，我發現CSS的樣式并沒有生效。
我在檢查代碼時發現，在HTML文件中我的CSS文件連接的語句寫的是href="style.css"，而我的CSS文件卻是在CSS文件夾中，所以應該將連接語句改為href="CSS/style.css"。
改完連接語句后，刷新瀏覽器，CSS文件的樣式就生效了。
這個問題純屬疏忽，希望能幫助到其他人。