Popular posts

對啊，原生的 CSS 巢狀 (CSS Nesting) 已經支援了喔，語法基本上與 SCSS 相似，不過較舊的瀏覽器要注意一下。

詳細可參考： caniuse.com/css-nesting im1010ioio.hashnode.dev/pure-css-nesting

Eva Chen

好，沒注意到之前的文章有寫到css支援巢狀了，謝謝回覆!

Hello, SUQNLINE，

我剛剛發現關於巢狀語法的更新：「語法最初發布時設有限制，必須在多個位置使用 &，但之後已透過巢狀語法更新解除了這項限制。」

詳細可以參考 Google 寫的文章： developer.chrome.com/blog/css-wrapped-2023

之後有空時，我會再回來更新文章。 :)

Eva Chen 好的謝謝你! 另外想問你知道關於在scss嵌入google字體，在自己電腦看顯示正常，但在別台電腦還是預設字體的情況嗎?

Hello, SUQNLINE ,

這個情況看起來比較像是： CSS 有套用到，但是字體沒有成功載入；

所以在你的電腦讀取到的是電腦內安裝的字體，其他台電腦沒有安裝該字體的話就會是預設字體。

你可以檢查看看載入字體的地方有沒有錯誤，或者是用瀏覽器開發者模式的 Network 觀察有沒有載到 google 提供的字體，可以參考： im1010ioio.hashnode.dev/image-1x-2x-3x-srcset-res…

Eva Chen 謝謝教學!已經成功載入了!超感動!

Eva Chen 不好意思><，請問可以私訊你嗎?

可以啊，你可以私訊我的 IG (im1010ioio)，我有空會再回覆。

Eva Chen 好的!