Eva Chenim1010ioio.hashnode.dev·Sep 25, 2023#10 原生的 CSS 巢狀 (CSS Nesting) 終於支援啦！↓ 今日學習重點 ↓ 了解如何使用原生 CSS 巢狀 (CSS Nesting) 了解原生 CSS 巢狀的限制 (與 SCSS 比較) 以往 CSS 要使用巢狀管理要透過 Sass (SCSS) 或 Less 等預處理器才能實現，現在原生的 CSS 巢狀也可以使用了。前陣子在 Firefox 117 終於支援後，全部最新的瀏覽器都已支援了，可以逐漸開始使用它囉！不過如果 TA 有使用較舊的瀏覽器的話，要斟酌使用。 基本寫法 就像 Sass (SCSS) 一樣，使用縮排代表下一層。 ....56 readsSuper Easy CSS，極度簡單：寫出好的 CSS，從零開始前端生涯CSS
Lazar Nikolovcreatures-dev.hashnode.dev·Aug 12, 2023Getting started with CSS NestingCSS Nesting used to only be possible in CSS preprocessors like Sass and Less. But guess what, it's now built-in native CSS and all modern browsers will support it after August 29th. Let's see what's CSS Nesting and how we can use it. What is CSS Nest...2 likes·27 readsCSS
Debasish Lenkadebasishlenka.in·Feb 3, 2023CSS NestingCSS nesting will be available in Chrome behind a developer flag starting from v109. CSS nesting allows you to nest one style inside another. You can nest hover selectors, media queries etc which can be dependent on the parent element or be the parent...10 likes·81 readsUpWebCSS
Alvaro Montoroalvaromontoro.hashnode.dev·Jan 15, 2023FeaturedCSS nesting is comingBrowsing caniuse.com the other day, I found a pleasant surprise: a little green flag in a red box for a feature I'd been waiting for a long time. CSS nesting will soon be supported on Chrome: Yes, it's behind a flag and only in future versions, but ...74 likes·697 readsCSS
