High Definition Standard Definition Theater
Video id : Ue3VUsZwAJ0
ImmersiveAmbientModecolor: #b3a7a2 (color 2)
Video Format : (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz
Audio Format: 140 ( High )
PokeTubeEncryptID: 6bfe3f42cbcee105eee525717f3f5604abcf2d953a51cb07b4097539c1e670c2928fa56078cdb991537232a49a91165a
Proxy : usa-proxy2.poketube.fun - refresh the page to change the proxy location
Date : 1727543333297 - unknown on Apple WebKit
Mystery text : VWUzVlVzWndBSjAgaSAgbG92ICB1IHVzYS1wcm94eTIucG9rZXR1YmUuZnVu
143 : true
Select all siblings of an element using :has()
Jump to Connections
160,074 Views • Nov 22, 2023 • Click to toggle off description
Selecting all the siblings of an element used to be impossible with CSS-only, but now we can do it thanks to :has()

#css

--

Come hang out with other dev's in my Discord Community
💬 discord.gg/nTYCvrK

Keep up to date with everything I'm up to
www.kevinpowell.co/newsletter

Come hang out with me live every Monday on Twitch!
📺 www.twitch.tv/kevinpowellcss

---

Help support my channel
👨‍🎓 Get a course: www.kevinpowell.co/courses
👕 Buy a shirt: teespring.com/stores/making-t...
💖 Support me on Patreon: www.patreon.com/kevinpowell

---

My editor: VS Code - code.visualstudio.com/

---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Twitter: twitter.com/KevinJPowell
Codepen: codepen.io/kevinpowell/
Github: github.com/kevin-powell

---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more aw
Metadata And Engagement

Views : 160,074
Genre:
Uploaded At Nov 22, 2023 ^^


warning: returnyoutubedislikes may not be accurate, this is just an estiment ehe :3
Rating : 4.967 (119/14,277 LTDR)

99.17% of the users lieked the video!!
0.83% of the users dislieked the video!!
User score: 98.75- Masterpiece Video

RYD date created : 2024-05-27T13:58:10.418935Z
See in json
Tags
Connections
Nyo connections found on the description ;_; report an issue lol

YouTube Comments - 70 Comments

Top Comments of this video!! :3

@radvilardian740

10 months ago

it's now on firefox, sooo letsgooo

160 |

@oluwarotimiajayi

9 months ago

I like how you always explain why things work the way they do.
Great work sir🙂

9 |

@kushdhingra

2 months ago

Thank you so much for this amazing tutorial!
It really helped me understand and solve a CSS issue I was struggling with.
Your explanations were clear and easy to follow. Keep up the great work!

|

@anonysmooth648

9 months ago

this man is a CSS GOD

2 |

@astrixwr5662

10 months ago

Eres un crack!!
Esa simple linea de css tiene un buen diseño y para otros casos de uso, gracias!

|

@Turabbo

10 months ago

Love the demo, perfect for a short.

But couldn't you just do .img-gallery:hover>img:not(:hover) ?

50 |

@akash-kumar737

10 months ago

Thanks for letting us know 😊

|

@allanraposo1840

8 months ago

Is there a book you suggest to read and learn about these? I believe I am intermediate css but would like to take it to the next level

|

@umtabtv

10 months ago

Good I really appreciate it Sir

1 |

@w01dnick

9 months ago

Nice, but almost the same could be achived with hiver on parent element. If hover on gaps is a problem, then trick with pointer-events could be used (none on parent, all on child). Yes has is simpler but not by much in this example.

|

@philippealexandredeleye4608

10 months ago

You can also add :hover to the image-gallery 👌

20 |

@matteonegridev

10 months ago

Hello Kevin I have a question: these hover features are all really cool but majorly used on desktop since tapping won’t make the hover really work properly and it makes loses its purpose… how would you set in mobile mode since we know now most people use mobile instead of a laptop
Thank you so much , this explanation is the best tho 🎉

|

@crazyboyrish2577

9 months ago

Everytime i learnt something new 🔥

|

@Prokudak

10 months ago

Awesome! 😮

|

@DylRicho

10 months ago

Firefox has only just enabled the support for this to be default without the need to mess around with stupid flags, while Chrome has had it supported for over a year.

1 |

@MCPeeBoy

10 months ago

Would you say this level of css knowledge is intermediate? It all seems pretty easy to me as of now. I'm still expecting difficult things to come eventually

1 |

@d0rban

9 months ago

Why not use the actual sibling operators (~ and +)?

|

Go To Top