JSFiddle - React, Tailwind, and code Playground

by magicaj

HTML

<div class="foo" id="foo">
  <span class="bar">Hello <span class="dog">World</span></span>
</div>

CSS

.foo {
  color: red;
}

.foo .bar {
  color: orange;
}

.foo span.bar {
  color: yellow;
}

#foo .bar {
  color: green;
}

.foo > span {
  color: blue;
} 

.foo + span {
  color: purple !important;
}