My FeedDiscussionsHashnode Enterprise
New
Sign in
Log inSign up
Learn more about Hashnode Headless CMSHashnode Headless CMS
Collaborate seamlessly with Hashnode Headless CMS for Enterprise.
Upgrade ✨Learn more
Eva Chen

10 comments

SUQNLINE
SUQNLINE
Feb 27, 2024

你好,請問卡片範例中的css為什麼可以用&做父選擇器? 我目前學到scss才有這樣寫,還是說css也能這樣寫了呢?

·
·9 replies
Eva Chen
Eva Chen
Author
·Feb 27, 2024

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

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

·
SUQNLINE
SUQNLINE
Feb 27, 2024

Eva Chen

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

1
·
Eva Chen
Eva Chen
Author
·Mar 1, 2024

Hello, SUQNLINE

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

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

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

·
SUQNLINE
SUQNLINE
Mar 5, 2024

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

·
Eva Chen
Eva Chen
Author
·Mar 5, 2024

Hello, SUQNLINE ,

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

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

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

·
SUQNLINE
SUQNLINE
Mar 8, 2024

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

4
·
SUQNLINE
SUQNLINE
Mar 12, 2024

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

·
Eva Chen
Eva Chen
Author
·Mar 12, 2024

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

1
·
SUQNLINE
SUQNLINE
Mar 13, 2024

Eva Chen 好的!

·