I have a book with two levels of headings and the inline ToC appears like this:
<ul class="level1">
<li><a href="index_split_002.html">Part One</a>
<ul class="level2">
<li><a href="index_split_003.html">Chapter One</a></li>
I want the level 1 headings to be in bold with 1em space above, so I modified the CSS in the ToC header to look like this:
ul.level1 {
list-style-type: none;
padding-left: 2em;
margin: 0;
}
ul.level1>li {
margin-top: 1em;
font-weight: bold;
}
ul.level2 {
list-style-type: none;
font-weight: normal;
padding-left: 2em;
margin: 0;
}
The ul.level1>li style is ignored. I checked it with Firefox and it displays as expected, but not in Calibre. Does anyone know what might be going on here?