## Inheritance

Inheritance is an ability of an element to transfer a pack of propereties to its `children` elements 'wrapped inside'. 

Properties have to be set in specific order:
### Main properties' inheritance:
* styles
* parents
* parent's styles
* defaults

As for `prototypes`, this property has to be set after styles, but before parents. So the order will be this:
### Reference properties' inheritance:
* styles
* prototypes
* parents
* parent's styles
* defaults

------------------------

Let's take a closer look using a [Muon Monitor Visualization](demo/muon-monitor/README.md).
Running the demo, we will see this:
![](../docs/images/inheritance-1.png)

![](../docs/images/inheritance-tree.png)
![](../docs/images/inheritance-2-1-1.png)
![](../docs/images/inheritance-2-1-2.png)
![](../docs/images/inheritance-2-2-1.png)
![](../docs/images/inheritance-2-2-2.png)
![](../docs/images/inheritance-2-2-3.png)
![](../docs/images/inheritance-2-2-4.png)
![](../docs/images/inheritance-2-2-5.png)