JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
  Div .header (não recebe o estilo)
  <div class="menu">
    Div .menu (não recebe o estilo)
    <div class="style-fonte">
      Div .style-fonte (recebe o estilo)
    </div>
  </div>
  <div class="style-fonte">
    Div .style-fonte (não recebe o estilo - pois não está dentro de .menu)
    <div class="menu">
      <div class="style-fonte">
        Div .style-fonte (recebe o estilo - pois este está)
      </div>
    </div>
  </div>
</div>

CSS

.header .menu .style-fonte {
    background-color: lightgray;
}