<!DOCTYPE html>
<style>
rbc > rb, rtc > rp, rtc > rt { color:green; }
</style>
<div style="color: red">
<ruby><rbc><rb>There </rb><rb>is </rb><rb>rb </rb><rb>inside </rb><rb>rbc, </rb><rb>and </rb><rb>it </rb><rb>should </rb><rb>be </rb><rb>green</rb></rbc><rtc><rp>(There are rp </rp><rt>and </rt><rt>rt </rt><rt>inside </rt><rt>rtc, </rt><rt>and </rt><rt>they </rt><rt>should </rt><rt>be </rt><rp>green)</rp></rtc></ruby>