CSS Educational Materials
- Week 4
  - Layouting
    - Floating
  - Advanced CSS
    - Inheritance
    - Priority level of selector

Inheritance

Some values are inherited by the children of an element in the document tree:

Example

The 'font-size' property for the h1 element will have the computed value '13pt' (130% times 10pt, the parent's value). Since the computed value of 'font-size' is inherited, the em element will have the computed value '13pt' as well.

[style.css]

 body { font-size: 10pt }
 h1 { font-size: 130% }

[index.html]

<body>
  <h1>A <em>large</em> heading</h1>
</body>