今天練習寫網頁 VScode live server CSS第一行就出錯
搞老半天發現 不能讀 可能是檔名問題
原來如果是CSS 檔名有空格就會不能讀取
也有google到別人有類似經歷
css檔案載入不出來，竟然是因為檔名多加了空格
不過檔名空白這回事 html或js就可以
照理說render渲染畫面出來的應該是同一套系統
想知道底下有沒有什麼原因導致這不同?
已邀請的邦友 {{ invite_list.length }}/5
這其實又牽扯到 html 的解讀問題。
大多數來說。瀏覽器會自動把前置空白自動視而不見。這也是為何會有 的由來
再考量簡寫的情況，如
src= css.css
這樣就會讀不到。
再加上因為前置空白會自動視而不見的關係
所以在元素內的屬性也會自動視而不見
src=" css.css"
簡單來說，前置空白本身就會存在不可讀取的情況發生。
而正常人並不會去做砸自已石頭的事。
畢竟檔名前置空白並不存在任何意義。
(唯一有用的就是，藏東西處理的設計，早前我處理過，前置空白做到一些特規的東西)
但部份瀏覽器是可許前置空白的檔名讀取。
總之如果硬要查這一類的問題。你只能往html解析處理看待了
先要分清楚你口中的檔名，是
1.檔案系統裡的檔名
還是
2.HTML 裡的 src/href attribute 裡的 URL
如果是 2
就要遵循 HTML 裡關於 URL 的規定格式
參考這篇
iThome鐵人賽
看影片追技術