-has-

All about css pseudo-class :has()

Supports

• caniuse
  • Firefox 121+
  • Chrome 105+
  • Safari 15.4+
• Baseline: Limited availability

Articles

2024

• Learn CSS :has() selector by examples: 5 top use cases
• 5 CSS snippets every front-end developer should know in 2024
• A highly configurable switch component using modern CSS techniques

2023

• Locking scroll with :has()
• Conditional CSS with :has and :nth-last-child
• Blind CSS Exfiltration: exfiltrate unknown web pages
• Glide To Reveal with CSS :has()
• Surprising Facts About New CSS Selectors

2022

• Using :has() as a CSS Parent Selector and much more
• CSS :has Parent Selector