how to change subclass by different parent class name?

[cgychangzhi]

For example: .sub { color: blue; } .parent .sub{ color: pink; }

// I try this <div class="text-[blue] parent-(text-[pink])">test</div>

[peterstnsz]

Not sure I understand the above, looks like applying two colour classes to one container (text) in your example?

Otherwise you could check this out (it is also supported in windicss): https://tailwindcss.com/docs/hover-focus-and-other-states#arbitrary-groups