JSFiddle - React, Tailwind, and code Playground

HTML

<p class="red">Lorem ipsum dolor sit amet, <span class="white">consectetur adipiscing elit.</span> Integer ultrices feugiat felis ut fermentum. Pellentesque id odio eu dui lacinia suscipit. <span class="blue">Phasellus rutrum augue venenatis</span> erat molestie id porta dolor rutrum.</p>

CSS

.red {
    color: red;
}
    .red .white,
    .white .red {
        color: pink;
    }
    .red .blue,
    .blue .red {
        color: purple;
    }
.blue {
    color: blue;
}
    .blue .white 
    .white .blue {
        color: light-blue;
    }