Practical uses of the :has() relational pseudo class

Some nice examples of how to use :has()
in this one:
- parent selector
- combining with
:not()
- changing an
li
when hovering/focusing inside - styling forms based on validation state
- adjusting table display based on row count