5 Modern CSS Features You Should Know In 2024

79,019

2,799 0

Published 2024-01-24

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

🗞️ Blog Post
academind.com/tutorials/5-modern-css-features-you-…

🖥️ Official Website & Courses
academind.com/courses/

💬 Academind Community
academind.com/community

👋 Social Media
twitter.com/maxedapps
twitter.com/academind_real
www.instagram.com/academind_real/
www.facebook.com/academindchannel/
www.linkedin.com/in/maximilian-schwarzmueller/
www.linkedin.com/in/manuel-lorenz-808b5185/
www.linkedin.com/company/academind-gmbh
www.linkedin.com/school/academind-pro
www.tiktok.com/@academind_real

📝 Further Resources
Description:

All Comments (21)

@nitram_nosnibor 4 months ago

Superb short and sweet, I'll be using most of these now - thanks!!
@nickyn1083 5 months ago

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

Great video. Thanks!
@Razax7 3 months ago

Thank you! These CSS features are amazing and you explained them extremely well.
@marcosgonzales2007 2 months ago

Thanks for the tips!
@js3671 4 months ago

The first tip helped me fix a bug on my page thank you!
@oyeibrahim 5 months ago

This is dope!
@farruhzoirov871 5 months ago

Great!
@ekchills6948 5 months ago

Tysm
@r31vlogs 5 months ago

Sir please make a series of MERN Stack web development from beginner to advance.....Where you teach everything as full stack and make some responsive projects.
@lasindunuwanga5292 5 months ago

thanks
@prajwalkasar1309 5 months ago

Great 👍
@troyharris279 5 months ago

Not bad at all! I'll give these a try for my next upcoming project!
@Htbaa 5 months ago

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

Great
@SuyashKrishnaDas108 5 months ago

CSS Nesting! Finally!
@deatho0ne587 5 months ago

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.
@mooo2146 5 months ago

Hi max
@simpingsyndrome 5 months ago

it's been a years i've never slicing UI using vanilla CSS since Tailwind came out.
@anujababy1651 5 months ago

👍