14

Cutting-Edge CSS Features

Depending on when you are reading this, the contents of this chapter may seem commonplace and less cutting-edge in your daily CSS writing. However, as these words are written, these are some of the latest additions to the CSS language.

So, here is what we will take a look at in this chapter:

  • What cascade layers are and the problems they solve
  • The syntax and typical applications of cascade layers
  • The rules for layer ordering
  • Adding imported style sheets to a layer
  • Understanding the importance of !important
  • CSS nesting and its origins
  • Examples of syntax and its use cases
  • The @nest at-rule
  • Nesting media queries
  • How to write CSS nesting today
  • How to tell browser vendors you want nesting!

In the case of CSS nesting, ...

Get Responsive Web Design with HTML5 and CSS - Fourth Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial