superscript colour issue

[ebookscovers]

hi there. trying to change superscript to black. I have succeeded in changing superscript to black as per screen shot BUT the ePub checker rejects as follows:

ERROR(RSC-005): /OEBPS/Flow_8.xhtml(63,256): Error while parsing file: element "font" not allowed anywhere; expected the element end-tag, text or element "a", "abbr", "acronym", "applet", "b", "bdo", "big", "br", "cite", "code", "del", "dfn", "em", "i", "iframe", "img", "ins", "kbd", "map", "noscript", "ns:svg", "object", "q", "samp", "script", "small", "span", "strong", "sub", "sup", "tt" or "var" (with xmlns:ns="http://www.w3.org/2000/svg")


THIS IS CURRENTLY HOW THE CODE STANDS: CAN I REPLACE The <font color> tag with something else? this is the only superscript I want to make black. all others are fine.

<p id="box3_0" class="para-Normal-Local-5"><span class="char-Normal-Local-5">The Craytúreen</span><span class="char-Normal-Local-8">^{<a id="box3_noteref_114" class="char-Normal-Local-57" href="Flow_8.xhtml#box3_footnote_114"><font color="black">3</font></a>}</span><span class="char-Normal-Local-5"> </span></p>

[phillipgessert]

I would remove that tag and instead add something like

sup a {
  color: inherit;
}

to the CSS stylesheet. That rule sets the link's color to whatever <sup> is using, and <sup> more than likely hasn't got a color set at all, in turn inheriting its color from <p> (or others). It kind of daisychains the color selection all the way back, a < sup < p.

This is preferable to setting any text to black, which can cause problems in certain color modes. But it will still display as black whenever the parent text also displays black, which is presumably the goal here.

Note that the markup you've shared is pretty messy, and there's a chance of weird inheritance / specificity issues in cases like that, which can interfere with your attempts at styling overrides.

[DNSB]

You would use style="color:black;" if you want to inline the code. Something like <span style="color:black;">....</span>

If you want to have all <a> content show in black, in the relevant CSS stylesheet, you could add:

a  {
color: black;
}

or color: #000000; if you want to be a bit obscure.

[theducks]

Why are you not using a CSS???? That is so
Besides if you set it for the sup (color:black;} in the CSS you got them all in one shot

You are setting a STYLE, which must be inside something liker a <span style="color:black">42</span>.

[ebookscovers]

thanks this code worked fine. yes you are right!! it should be in the CSS!!

Originally Posted by theducks

Why are you not using a CSS???? That is so
Besides if you set it for the sup (color:black;} in the CSS you got them all in one shot

You are setting a STYLE, which must be inside something liker a <span style="color:black">42</span>.