The differences between CSS and Sass Nesting
29.2 هزار بار بازدید -
12 ماه پیش
-
🎓 Beyond CSS is my
🎓 Beyond CSS is my course that looks at using Sass along side modern CSS, and goes beyond simply using Sass as well, diving into how we can use other tools like PostCSS along with it, how we can set up design tokens to take control of a design system, deal with theming, and more: https://beyondcss.dev
CSS Nesting is here, but it’s a little bit different from Sass nesting. In my previous video, I quickly mentioned a couple of differences, but I didn’t do a full on comparison. In this video, I look at how the two of them are the same, how they are different, and how Sass is going to deal with native CSS nesting in the short and long term.
🔗 Links
✅ My more in-depth video on native CSS nesting: Getting started with CSS nesting
✅ A great breakdown of Nesting by Adam Argyle: https://developer.chrome.com/articles...
✅ More information from Sass on how they will approach nesting: https://sass-lang.com/blog/sass-and-n...
⌚ Timestamps
00:00 - Introduction
00:38 - You need to use & with element selectors
01:40 - You can’t create a new selector using &
04:22 - Specificity can be different
05:38 - Selectors might be different
8:30 - How is this going to impact Sass nesting?
#css
--
Come hang out with other dev's in my Discord Community
💬 Discord: discord
Keep up to date with everything I'm up to
✉ https://www.kevinpowell.co/newsletter
Come hang out with me live every Monday on Twitch!
📺 Twitch: kevinpowellcss
---
Help support my channel
👨🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-t...
💖 Support me on Patreon: Patreon: kevinpowell
---
My editor: VS Code - https://code.visualstudio.com/
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Twitter: Twitter: KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
CSS Nesting is here, but it’s a little bit different from Sass nesting. In my previous video, I quickly mentioned a couple of differences, but I didn’t do a full on comparison. In this video, I look at how the two of them are the same, how they are different, and how Sass is going to deal with native CSS nesting in the short and long term.
🔗 Links
✅ My more in-depth video on native CSS nesting: Getting started with CSS nesting
✅ A great breakdown of Nesting by Adam Argyle: https://developer.chrome.com/articles...
✅ More information from Sass on how they will approach nesting: https://sass-lang.com/blog/sass-and-n...
⌚ Timestamps
00:00 - Introduction
00:38 - You need to use & with element selectors
01:40 - You can’t create a new selector using &
04:22 - Specificity can be different
05:38 - Selectors might be different
8:30 - How is this going to impact Sass nesting?
#css
--
Come hang out with other dev's in my Discord Community
💬 Discord: discord
Keep up to date with everything I'm up to
✉ https://www.kevinpowell.co/newsletter
Come hang out with me live every Monday on Twitch!
📺 Twitch: kevinpowellcss
---
Help support my channel
👨🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-t...
💖 Support me on Patreon: Patreon: kevinpowell
---
My editor: VS Code - https://code.visualstudio.com/
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Twitter: Twitter: KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
12 ماه پیش
در تاریخ 1402/04/29 منتشر شده
است.
29,213
بـار بازدید شده