<div id="parent">
  <div id="child1">child1</div>
  <div id="child2">child2</div>
  <div id="child3">child3</div>
</div>

#parent {
  --text: #0000FF;
  color: var(--text);
}
#child2 {
  --text: #FFFFFF;
  background-color: #000000;
}
#child3 {
  --text: #FFFFFF;
  color: var(--text);
  background-color: #000000;
}