Новые псевдоклассы CSS: :is(), :where(), :has() — разбор возможностей

Каждый раз, когда я упоминаю :is() и :where(), люди говорят, что никогда раньше их не видели, а поскольку поддержка этих функций браузерами сейчас довольно хорошая (более 92%), я решил снова рассказать о них, и заодно, мне показалось, что это подходящий момент, чтобы поговорить и о :has() (которая уже имеет показатель более 83%!). 🔗 Ссылки ✅ Подробнее о :has():    • :has() opens up new possibilities with CSS   ✅ Поддержка :is() в браузерах: https://caniuse.com/?search=%3Ais() ✅ Поддержка :where() в браузерах: https://caniuse.com/?search=%3Awhere() ✅ Поддержка :has() в браузерах: https://caniuse.com/?search=%3Ahas() ⌚ Временные метки 00:00 - Введение 00:37 - Псевдокласс :is() 06:53 - Псевдокласс :where() 11:00 - Псевдокласс :has() #css -- Присоединяйтесь к другим разработчикам в моем Discord-сообществе! 💬   / discord   Будьте в курсе всего, чем я занимаюсь! ✉ https://www.kevinpowell.co/newsletter Присоединяйтесь ко мне в прямом эфире каждый понедельник на Twitch! 📺   / kevinpowellcss   --- Поддержите мой канал! 👨‍🎓 Пройдите курс: https://www.kevinpowell.co/courses 👕 Купите футболку: https://teespring.com/stores/making-t... 💖 Поддержите меня на Patreon:   / kevinpowell   --- Мой редактор: VS Code - https://code.visualstudio.com/ --- Я также присутствую на других платформах в интернете! Если вы хотите увидеть закулисные моменты и анонсы того, что будет на моем YouTube-канале, подпишитесь на меня в Instagram и Twitter. Twitter:   / kevinjpowell   Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- И что бы вы ни делали, не забывайте делать свой уголок интернета немного круче!