<div class="parent">
  I'm parent
  <div class="child">
    I'm child
  </div>
</div>
@property --my-color {
  syntax: "<color>";
  inherits: true;
  initial-value: red;
}

.parent {
  --my-color: blue;
  color: var(--my-color);
}

.child {
  color: var(--my-color);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.