In-Depth Guide to CSS Parent Selector :has()
Learn how :has() pseudo-class works and how it can help you create complex UI interactions without tweaking HTML or using JavaScript.
Learn how :has() pseudo-class works and how it can help you create complex UI interactions without tweaking HTML or using JavaScript.
Additionally, find out how you can use :has() to create a fascinating hover effect that would otherwise be impossible without quite a lot of JavaScript.
Chapters
- 00:00 Intro
- 00:27 How :has() works
- 03:40 How to select a previous sibling
- 04:55 Combining :has() with :not()
- 05:37 How to test if a browser supports :has()
- 06:19 Create a staircase hover effect
- 09:00 Conclusion
