CSS is, where, and has pseudo classes

CSS has many powerful pseudo-classes. Recently a few more have been standardized and give us some great abilities and efficiencies.

:is and :where let us group common parent or child selectors making our CSS easier to read and write.
:has provides us with a way to target parent elements for styling based on conditions that we define.
The existing :not pseudo class can be combined with these to add more flexibility.

00:00 Intro
00:50 Specificity
02:00 :is() pseudo-class
07:00 :where() pseudo-class
09:20 :has() pseudo-class
13:40 :not() pseudo-class

[Photocliches]

Great to have you back!!! I saw this video at the top of my subscriptions and thought my eyes were playing tricks on me. Thank you!!!

[HarshKapadia]

Damn! It's been so much time since your last video! Good to have you back, Steve!

[blokche_dev]

Glad to have you back! Great content, as usual.

[anesdiaf]

Thanks sensei, as a react dev i can say with ease that this makes the concept of conditional rendering more efficient from a front-end perspective.

[MichaelCampbell]

Nice. I like the short explanations with follow-able examples.

[enfieldli]

Man I'm so happy to see you back! Your stuff are so valuable

[TinyMaths]

Great, thank you!
I just tried this on some nested elements, over 20 of them, where I gave them id's but had forgotten to give them all a class for styling. I used; .className :is(a){ color: colorName;}
That saved me a good amount of time and the tedium of locating and adding a class to all of the 'a' tags that needed the style change. Of course I can add the class names later when I'm tidying up. But I'm so glad I came across your vid and learned some new methods.

[BobbyCharlz]

Really cool! Thank you for sharing this helpful video; I’ve got some new arrows for my CSS quiver that I’ll explore. Much appreciated!.👍

[HarshKapadia]

I didn't understand the last one. (The form one.) Pseudoclasses have a specificity of 1?

[hassamkhan]

Thank you so much steve, really appreciated. One thing that I am concerned about is their browser support. Please guide us for that too.

[dharmitkumarpatel]

Hey Steve, Please start tutorial series on Java, machine learning and blockchain development.

[sashaikevich]

You’re back! It’s been a minute. The viewership is criminally low. Hope that changes. Do a little cameo with the css guy. I think you’d get along well