A continuación tengo un texto que es un lapso anidado. Solo quiero aplicar opacidad a la primera palabra Hello solamente. pero, la opacidad está cambiando a intervalo anidado también, es decir, STOP .

¿Cómo ignorar los cambios dinámicos de css del elemento principal?

 let txt = document.getElementById("txt") setInterval(() => { txt.style.opacity = txt.style.opacity == 1 ? 0.2 : 1 },500)

 <span id="txt" style="font-size: 50px;"> Hello <span style="opacity : 1">STOP</span> </span>