Learn CSS Nesting in 4 Minutes (Pros & Cons)

[@cleisiq.frontend]

I'm using CSS nesting and it's awesome.

[@ChristianRebelsky]

CSS nesting is great! It would be helpful to mention naming strategies like BEM, where nesting really shines. Additionally, the comment about PostCSS is somewhat misleading. While nesting is beneficial for developer experience, I prefer not to use it in production. In my opinion, minified and unglified styles are still the best approach.

[@RASTUDIO_0]

Vote for Full Stack Web Development course from this Guy!

[@AbdulRahman-yp6oy]

Absolutely ❤❤❤

[@RobbPage]

as long as it's not typescript i'll watch.

[@youarethecssformyhtml]

​@@RobbPage TypeScript is becoming the standard in the industry. You have to learn it. Also it's easy

[@RobbPage]

​@@youarethecssformyhtml of course it's easy. i didn't say i don't KNOW typescript, i just refuse to use it because it's yet another symptom of "modern" devs laziness and lack of skill/knowledge. typescript is a crutch for lazy unskilled devs. real devs don't need it.

[@youarethecssformyhtml]

@@RobbPage that's a hot take. There's a reason why people use statically typed languages like C#, Java, Go, Rust, Kotlin.... They make the code more readable than dynamically typed languages, eliminates a whole class of bugs because of wrong types and null's, and make the code maintainable. You can use JSDocs but they're so annoying to type and make the code look ugly. I don't know how TS have made developers lazy. It literally reminds to check against undefined and null and it makes the code more readable with types and interfaces. It's stupid to say real developers don't need it. You're just making your life harder for absolutely no good reason.

[@PicSta]

I love CSS nesting and I use it on a daily basis. I don't see the same cons, as mentioned in the video. Furthermore, I use nesting for my header, main, footer and components separately. This way you keep it clear to read and know where to start changing things. Complex selectors I like to outsource or write at the bottom of a CSS block.

[@Cahnisama]

If I have a very nested structure and I want to change 1 of those very nested classes in a media query, it makes for very awkward syntax. You can't just select the class, you need to select the entire nested tree to apply the changes. Nowadays I only use nesting on pseudo selectors and sudo elements

[@TheKuzuri]

love this channel

[@tortue34170]

Use Angular with Scss. You can enjoy the nested css, embrace the pros, ignore the cons, and it will be compiled into standard css on build, so you don't need to care about the old browsers used by your final users 😉

[@henokr.1016]

It's awesome. I like it, specially when you have many components in one single css file like Header, Footer, different Sections...

[@omaarshek4123]

Please, what is your workflow for recording and editing your videos

[@chesterxp508]

GoodJob!

[@unknown775]

I stop coding a year now and i try it again

[@gyanart]

Hi Coding2go, I have a CSS challenge that I haven’t been able to solve and would love your help! I’m working with a fixed div at the top of the page that doesn’t scroll when the page scrolls (as expected). However, the div contains a background image, and I want the background image itself to scroll along with the page, while keeping the div fixed. I’ve tried multiple approaches but haven’t found a solution that works. I believe this could be an interesting and helpful topic for many viewers, so it would be amazing if you could create a video to explain how to achieve this effect. Looking forward to your thoughts and a potential solution! Thank you! 😊

[@giorgosd3624]

Im not entirely sure but maybe you are looking for background-attachment css property

[@Aakash2005-ch7fj]

Kindly put a Next js

[@LV4EVR]

*All us SASS people...* Ughhhh, those curly braces, semicolons, and extra lines ... _why in the world would you use them?!_ SASS, ftw. 😜

[@NoNeedForRandomNumbers]

Nesting for breath, not nesting for depth

[@RobbPage]

i'd argue that nesting to GET that specificity can also be useful. i use both simultaneously, depending on the situation but honestly it usually comes down to my mood at the time and how i feel about the "look" of my code. it's not uncommon for me to waste an hour restructuring my code simply because i don't like the way it looks.

[@monikossa9964]

Nesting is updated. U haven't use & all time

[@cemondel]

no ty

[@gokulkkd]

Write standard css as fast as u can then put into ChatGPT and ask convert to nesting... Simple right 😂