<div class="blue">
  <div class="color">全称セレクタが反映されます</div>
</div>
* {
    --contents: #f00;
}

.blue {
    --contents:#00f;
}

.color {
    color: var(--contents);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.