New CSS Features In 2022

With a slew of new features on the horizon, 2022 is shaping up to be an excellent year for CSS. Some are currently in browsers, while others are expected to acquire general browser support in 2022, with one or two taking a bit later. We’ll look at some of them.


  1. Container Queries
  2. :has()
  3. @when/@else
  4. accent-color
  5. Subgrid
  6. Nesting

CSS Color Functions Have Been Updated:

  1. hwb(): Hue, Whiteness, Blackness.
  2. lab(): Lightness, along with a and b values, determine the hue.
  3. lch(): Lightness, Chroma, Hue.
  4. color-mix(): Mix two colors together.
  5. color-contrast(): From a list of colors, output the one with the highest contrast compared to the first argument.
  6. color(): Specify color in a different color space (e.g.display-p3).

Submit a Comment

Your email address will not be published. Required fields are marked *


Select Categories