14 Cutting Edge CSS Features
Depending 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 it’s origins
- Examples of syntax and its use cases
- The
@nestat-rule - Nesting media queries
- How to write CSS Nesting today
- How to tell browser vendors you want nesting!
In the case of CSS Nesting, which we will cover shortly, there are no browser implementations, merely a specification. However, it is a change to the language that I am genuinely excited about. A change I believe will fundamentally change the way we all...
