JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div>
    parent
    <div>
      one
    </div>
    <div>
      two
    </div>
  </div>
</body>

CSS

body > div {
  float: left;        /* not inherited by child div */
  font-style: italic; /* is inherited by child div */
}
body > div > div {
  /*float: left;*/  /* uncommenting this have let the child div have the correct style */
}