© 2026 LinearBytes Inc.
Search posts, tags, users, and pages
SUQNLINE
你好,請問卡片範例中的css為什麼可以用&做父選擇器? 我目前學到scss才有這樣寫,還是說css也能這樣寫了呢?
YI-LIN CHEN (Eva)
ғʀᴏɴᴛᴇɴᴅ ᴅᴇᴠᴇʟᴏᴘᴇʀ / ᴅᴇsɪɢɴᴇʀ / ᴄʀᴇᴀᴛᴏʀ
對啊,原生的 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 好的!