Bram.us – A rather geeky/technical weblog, est. 2001, by Bramus

Using `:is()` in complex selectors selects more than you might initially think

Because selector matching in browsers happens from right to left, you might end up with more matches than you expected when using .a :is(.b .c).

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.