Things nobody ever taught me about CSS.

Photo by Jantine Doornbos on Unsplash

Terminology

Descendant combinator

Descendant combinator

Layout, paint and composite

CSS performance

The descendant selector can be expensive

Example of descendant selector

The browser reads selectors from right to left

The browser reads from right-to-left

Avoid modifying layout wherever possible

Be careful of paint complexity

Expensive CSS properties

Ordering

Order in CSS files matters

Snapshot of what the Performance tab can give you on Chrome.

Resources

Software developer, creative coder and tinkerer of things.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store