JSFiddle - React, Tailwind, and code Playground

by ramesh valasa

HTML

<div class="row">
  <div class="column">one</div>
  <div class="column column1">two</div>
  <div class="column column2">three</div>
  <div class="column selected">three</div>
</div>
<div class="column column2">three</div>

CSS

.column {
  color: red
}

.column.column1 {
  color: green
}

.column.column2 {
  color: blue
}

.row .column.column2 {
  color: pink
}

.column.selected {
  color: yellow
}