JSFiddle - React, Tailwind, and code Playground

by rsm23

HTML

<ul class="level1">
  <li>Level 1</li>
  <li>Level 1</li>
  <li>Level 1
    <ul class="level2">
      <li>Level 2</li>
      <li>Level 2</li>
      </ul>
  </li>
  <li>Level 1</li>
</ul>


<div class="level1">
  <p>Level 1</p>
  <p>Level 1</p>
  <p>Level 1
    <div class="level2">
      <p>Level 2</p>
      <p>Level 2</p>
    </div>
  </p>
  <p>Level 1</p>
</div>

CSS

ul.level1 > li {
 font-weight: bold;
}
ul.level2 > li{
    font-weight : 400;
}

.level1 > p {
  font-weight: bold;
}