Original Content – Page 12

Sibling Scopes in CSS, thanks to `:has()` and `~`

Leverage CSS :has() to select all siblings between two element boundaries.

When feature detecting support for :has(), use :has(+ *) instead of :has(*)

Slides of the talk I gave at “Full Stack Europe 2022” + Trip Report

The CSS Working Group is continuing a debate over the best way to define nesting in CSS. And if you are someone who writes CSS, we’d like your help.

:nth-child(An+B [of S]?) is not available in all browsers, but thanks to :has we can polyfill it (to a certain extent)

Leveraging :has() to detect islands of elements that have the same class, and select the first and last one from those islands.

Slides of the talk I gave at “Web Directions 2022” + Trip Report

Sectigo can’t handle the load. This is how you work around it.

Leverage CSS :has() and :nth-child() to style a parent based on the number of children it has.

In CSS, Style Queries which allow querying computed values of a container. Let’s take a look at what that means …