JSFiddle - React, Tailwind, and code Playground

by ruslan_savenok

HTML

<div class="text-style">
    <p>.text-style</p>
    <div class="text-style_reset inner-module">
      <p>.inner module</p>
    </div>
  </div>

  normal text

CSS

.text-style p {
  font-size:  30px;
  background: aqua;
  border: 1px solid #555;
}
.text-style_reset p {
  font-size: 100%;
  background: transparent;
  border: none;
}


.inner-module {
  font-size: 20px;
}
.inner-module p {
  background: #00ff21;
}