JSFiddle - React, Tailwind, and code Playground

HTML

<div dir="rtl">
  <span>test1</span>
  <div dir="ltr">test2
    <div dir="auto">עִבְרִית</div>
  </div>
</div>

CSS

div:dir(ltr) { color:red; }
span:dir(rtl) { color:green; }

div:-moz-dir(ltr) { color:red; }
span:-moz-dir(rtl) { color:green; }