Nesting supported in CSS

One of the main reasons I used Sass was just to get nesting of my styles. Apparently it was finally rolled into CSS.

So what you had before:

.nesting {
  color: hotpink;
}

.nesting > .is {
  color: rebeccapurple;
}

.nesting > .is > .awesome {
  color: deeppink;
}

Now turns in to:

.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

Find out more at the Chrome developer page for CSS Nesting

Tweet