JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mobile">
  <div id="test">
    <p class="red">
      テスト
    </p>
  </div>
</div>

<div id="test">
  <p class="red">
    テスト
  </p>
</div>

<div class="mobile">
  <div id="test">
    <p class="red">
      テスト
    </p>
  </div>
</div>

CSS

.mobile #test .red {
  color: blue;
}
#test .red {
  color: red;
}