當我們編寫HTML網頁時，如果想要為頁面添加CSS樣式，一種方式是使用外鏈式引入樣式表文件。但是有時候我們發現這種方式并不起作用，這是為什么呢？下面讓我們一起來看一看。
<head> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <p>這是一段文字</p> </body>
首先我們來看一下代碼是否存在語法錯誤，因為語法錯誤很容易導致樣式文件無法加載。如果代碼沒有錯誤，那么就需要檢查一下樣式文件是否存在。我們可以通過瀏覽器開發者工具中的Network功能來查看資源加載情況。如果樣式文件確實存在，那么就需要檢查一下文件路徑是否正確。
<head> <link href="../css/style.css" rel="stylesheet" type="text/css"> </head> <body> <p>這是一段文字</p> </body>
如果路徑正確，那么就需要檢查一下樣式文件是否有優先級問題。如果存在選擇器的優先級問題，那么樣式文件中的某些樣式可能就會被其他樣式覆蓋掉，從而導致樣式不起作用。我們可以通過瀏覽器開發者工具中的Element功能來查看元素的樣式是否被覆蓋。
#content p {
color: red;
}
p {
color: blue;
}在上述代碼中，因為#content p選擇器的優先級高于p選擇器，所以段落文字的顏色將會是紅色而不是藍色。
總的來說，如果外鏈式的CSS樣式不起作用，我們需要檢查代碼語法、樣式文件路徑、選擇器優先級這三個方面的問題。