(Finally) Understanding the CSS :has Selector

The :has selector is one of the most powerful CSS selectors available. Watch this video with Adi Purdila to learn how to use the :has CSS selector.

Adi will explain what the :has selector is, go through its syntax, and then explore some practical examples to show how you can use it in your web design work.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+

Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

[Holy_Frijole]

good info thanks. I was not feeling the red error styling until you did the last part of only show it when out of focus-that tied it all up for me.

[johnyjangid]

It's too good
I've also tried it

[dapolcio]

How is this different from: .card img{...} - If there is no img tag inside card, the code simply will not execute

[yoonesnouri]

you nailed it!!! do you have any JavaScript course? if not, would you like to make one for beginners?

[aumitdas]

nice course, what's the name your vs-code's theme?

[prabinhudeomaharjan]

How is has selector any different than nesting?

[magnomani]

Thanks!
Will you update your JS Course published 5 years ago or still valid?!

[alexeyrak]

Looks like :has started working in FF v121.