在前端開發中，使用CSS是非常重要的一步，可以通過CSS設置網頁的樣式和布局。我們可以將CSS樣式寫在HTML文件的頭部，也可以將CSS樣式寫在外部樣式文件中，引用外部樣式文件使得多個HTML文件可以共享同一份樣式。然而，在實際開發過程中，我們有時候會遇到CSS外部樣式沒作用的情況，這是因為以下幾個原因：

1. 文件路徑錯誤：如果你把CSS文件放錯了目錄，那么它將無法被正確引用。通常，我們會將CSS樣式文件放在CSS文件夾中，然后在HTML文件中使用相對路徑引用CSS文件。
例如：
<link rel="stylesheet" type="text/css" href="./css/style.css">
2. 文件名錯誤：如果CSS文件名與HTML代碼中引用的文件名不匹配，那么CSS也將無法生效。確保文件名在HTML文件和CSS文件中一致。
例如：
HTML文件中：<link rel="stylesheet" type="text/css" href="./css/style.css">
CSS文件名：style.css
3. CSS優先級問題：CSS有一個優先級的規則，如果同一個元素有多個CSS樣式被應用，那么會按照優先級進行覆蓋。例如，如果一個元素的樣式同時被內部樣式和外部樣式文件應用，那么內部樣式將具有更高的優先級（內部樣式表的位置在HTML文件中CSS外部樣式之后）。
例如：
<style>
p {
color: red;
}
</style>
<link rel="stylesheet" type="text/css" href="./css/style.css">
在這種情況下，p元素的文字顏色將會被設置為紅色。
4. 緩存問題：有時候，我們可能會修改CSS文件，但是瀏覽器仍然會使用舊的緩存文件。我們可以按F12鍵打開瀏覽器的開發者工具，然后在“Network”標簽中禁用緩存，刷新頁面即可生效。

總之，當我們遇到CSS外部樣式沒作用的情況時，要仔細檢查以上問題，并通過瀏覽器的開發者工具查看具體問題。只有確保問題排除后，才能達到正確的效果。