5 Modern CSS Features You Should Know In 2024

:has() Selector, Container Queries, CSS Nesting, text-wrap:balance And :focus-visible - Quick & Easy Examples.

🗞️ Blog Post

🖥️ Official Website & Courses

💬 Academind Community

👋 Social Media

📝 Further Resources
Description: LINK

[nickyn]

0:01 Psuedo-selector :has()
1:24 Container Queries
3:30 CSS Nesting
4:15 Text-wrap balance
4:51 :focus-visible

[nitram_nosnibor]

Superb short and sweet, I'll be using most of these now - thanks!!

[oatmocha]

The first tip helped me fix a bug on my page thank you!

[Razax]

Thank you! These CSS features are amazing and you explained them extremely well.

[Htbaa]

CSS nesting requires the &-nesting selector when using elements e.g. `.something { & input {} }` but not for class selectors e.g. `.something { .else {} }`

[hcx]

1. :has pseudo-selector
2. Container queries
3. CSS nesting
4. text-wrap: balance
5. :focus-visible

[deathone]

Best part about text-wrap balance it is just a progressive enhancement. Meaning if it does not work your site will not 100% look different.
Unlike some of the other stuff you meantioned.

[simonswiss]

Is that audio generated with AI or something like Descript? I have watched your videos for years and this one sounds very very weird 😅

[oaooaoipip]

So whats the difference between the selector "ul li input {mycode}" and "ul li:has(input){mycode}". Isn't it the same thing?

[oldegreg]

Thank you for a well structured informative video

[simpingsyndrome]

it's been a years i've never slicing UI using vanilla CSS since Tailwind came out.

[troyharris]

Not bad at all! I'll give these a try for my next upcoming project!

[aamirshekh]

in css udemy course, it would be great if you add tailwind css section.

[sujanbasnet]

focus-visible has been well supported for a while.

[quangpn]

`has()` is supported in Firefox since last December (2023). I'm wondering how we can do it for older version.

[MeatCatCheesyBlaster]

Are you using AI to do your voice now?

[ridl]

bruh, browser support for the text-wrap: balance is 66%.

[ellsonmendesYT]

What? you accent has changed, I thouth it was another person or you had your yt channel hijacked