Beginner extra_css question

[AlanRoberts]

Newbie trying to build my first recipe. Content from CSM Daily (using their "print" URL), has a construct:

<h2 id="summary" class="eza-summary">
<p>A 25-day march and rally days before Turkish President Erdoğan marks the coup anniversary were an emotional show of strength for his foes. But a charismatic leader is needed to unify their ranks.</p></h2>

The paragraph inside the H2 seems strange to me, but the problem I'd like to solve is rendering this this "leader" text in italic, so I tried adding extra_css to my recipe:

    extra_css = '.eza-summary p { font-style: italic; }'

without any result.

When I run a test ebook-convert and look at the verbose logging, it reports: 'extra_css': None. Looking at the generated output, I don't see any sign of my extra CSS in stylesheets or inline in the article's HTML. The structure of this bit of content has been rewritten as:

<h2 id="summary" class="eza-summary">
</h2><p class="calibre7">A 25-day march and rally days before Turkish President ErdoÄŸan marks the coup anniversary were an emotional show of strength for his foes. But a charismatic leader is needed to unify their ranks.</p>

So Calibre seems to have restructured to put the leader paragraph outside of the H2, and decided to class it with the internally-generated calibre7 class.

Am I doing something obviously wrong with my extra_css statement within the recipe, or is this something more complex related to the paragraph-within-H2?

Any suggestions will be appreciated.
Alan

[kovidgoyal]

<p> is not allowed inside <h2>. There it will be automatically moved after it. The selctor you want is

.eza-summary + p { ... }

[AlanRoberts]

Thanks Kovid, that CSS is getting the behavior I was looking for.