0Pricing
CSS Academy · Lesson

Inheritance and the all Property

Understand CSS inheritance rules and use the all property to reset inherited styles.

What is Inheritance?

Some CSS properties automatically pass their computed value down to child elements. This is inheritance. It saves writing the same rule for every element in a component.

Inherited Properties

Typically inherited: typography and text properties:

  • font-family, font-size, font-weight, font-style
  • color
  • line-height
  • letter-spacing
  • text-align
  • visibility
  • CSS custom properties

All lessons in this course

  1. Specificity Calculation: Inline Style ID Class Element
  2. The Cascade: Origin and Order
  3. !important: When and Why Not
  4. Inheritance and the all Property
← Back to CSS Academy