JSFiddle - React, Tailwind, and code Playground

by Lachlan Arthur

HTML

<h1>Body</h1>
<p>Text</p>
<a href="#">Link</a>
<a href="#" class="btn">Button</a>

<section class="special-area">
  <h1>Body</h1>
  <p>Text</p>
  <a href="#">Link</a>
  <button href="#" class="btn">Button</button>
</section>

CSS

body {
	background-color: white;
	color: black;
}

a {
	color: blue;
}

.btn {
	background-color: white;
	color: limegreen;
	border: 1px solid currentColor;
}

.special-area {
	background-color: darkblue;
	color: white;
}
	.special-area a:not() {
		color: lightblue;
	}