I'm working on an epub in Sigil. Things are going pretty good, but I'm puzzled by some kind of CSS bug.
For example, I want all the fonts in the table of contents section to be sans-serif. So I put the following rule in the style sheet attached to that page:
body { font-family: sans-serif; }
But font inside certain elements was still serif.
So I added some inline styles, but that didn't work. So I gave some of these elements classes, then changed the style sheet to this:
body, div.Plants { font-family sans-serif; }
That works better...but it still doesn't work on elements inside elements. For example...
<div class="Plants">This is a <span>nested element</span>.</div>
When I preview my epub, the text inside the span displays with a serif font. I can't fix it with inline fonts or by adding the span to my style sheet.
Is there some sort of secret to making style sheets communicate with pages in epubs?