Practical Use Cases for :has() Pseudo-Class
Автор: CSS Weekly
Загружено: 2022-05-05
Просмотров: 2405
Описание:
Find out how can :has() parent selector help you simplify your code and avoid JavaScript entirely on practical, real-life examples.
You'll learn how to use :has() pseudo-class to enhance form validation, draw attention to an element, and tweak overall page styling based on a specific state of an input element.
🔥 Start Using color-scheme CSS Property: • Start Using color-scheme CSS Property When... 🔥
🎨 Codepen Demos
Form Validation: https://codepen.io/ZoranJambor/pen/oN...
Highlighting Elements: https://codepen.io/ZoranJambor/pen/OJ...
Page-Wide Tweaks: https://codepen.io/ZoranJambor/pen/bG...
📚 Resources
Animated Grid Tracks with :has() by Michelle Barker — https://css-irl.info/animated-grid-tr...
CSS Parent Selector by Ahmad Shadeed — https://ishadeed.com/article/css-has-...
MDN Entry on :has() — https://developer.mozilla.org/en-US/d...
📖 Chapters
00:00 Intro
00:30 Enhancing form validation
03:53 Highlighting elements
06:40 Page-wide tweaks
09:34 Conclusion
Subscribe to CSS Weekly Newsletter:
💌 https://css-weekly.com/
Keep up-to-date with CSS Weekly:
👉 Twitter: / cssweekly
👉 Instagram: / cssweekly
👉 Facebook: / cssweekly
Keep up to date with what I'm up to:
🔗 Blog: https://zoranjambor.com
👉 Twitter: / zoranjambor
👉 LinkedIn: / zoranjambor
Zoran Jambor
#css
Повторяем попытку...

Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке: