JSFiddle - React, Tailwind, and code Playground

by Marco Abate

HTML

<div class="isolate">
	<ul>
		<li>Hello</li>
		<li>World</li>
	</ul>
	<ul>
		<li>Hello</li>
		<li>World</li>
	</ul>
</div>

CSS

ul li {
	text-transform: uppercase;
}

.isolate * {
	all: revert;
}