css style - tag within a tag within a tag

Question

I am styling a document marked up in TEI. I would like to render the "Dio" red (choice-sic-hi rend="red-corr"). I have tried the following and the word "Dio" will not render red. Here is the code:

 choice sic hi[rend="red-corr"]{
    color: red;
}

<l n="21">Che fè Sufia, a chi Dio <choice>
<sic>lo cuor <hi rend="red-corr">Dio</hi></sic>
<corr cert="medium" resp="#SPM">lo cuor </corr>
</choice>crevant;<note xml:id="p21"/></l>

I sense I may not understand the syntax. Any suggestions?

Thanks!

the code you provided us with works. be sure to verify the code you're giving us actually reproduces the problem. read here about how to create a [mcve] — Michael Coker, May 13 '17 at 16:17
Thanks for checking to see nothing is wrong with the code. I'll follow your suggestion! — Steve, May 13 '17 at 18:00

score 0 · Answer 1 · answered May 13 '17 at 16:06

It seems to work.

choice sic hi[rend="red-corr"]{
  color: red;
}

<l n="21">Che fè Sufia, a chi Dio <choice>
<sic>lo cuor <hi rend="red-corr">Dio</hi></sic>
<corr cert="medium" resp="#SPM">lo cuor </corr>
</choice>crevant;<note xml:id="p21"/></l>

css style - tag within a tag within a tag

1 Answers1