Nesting CSS in iOS less than iOS 17 is a little bit buggy

Author: Mark Conroy
Date:

Most CSS nesting works, but some does not.

I've just been debugging two very tricky issues in iOS 16. Basically, nesting in iOS =< 17 is a little bit patchy. Lots of it works, such as

.thing {
  background: red;
  &:hover {
    background: green;
  }
}

But nesting elements does not, such as

.thing {
  background: red;
  svg path {
    fill: green;
  }
}

Caveat emptor!

Join the "Something nice ..." newsletter

The full title is "Something nice, something quirky, something else".

I send an email once a week with something nice, something quirky, and something else that I think is interesting (all with a web development theme, of course).

Tags