How do I know which CSS tags are applied during PDF export?

[Joe Cross]

I'm trying to customize the PDF export using the CSS stylesheet.  The problem I'm running into is that CSS rules I put in the stylesheet don't seem to be having the expected effect.  For example, when I use the Chome "Inspect Element" panel to look at IDs and CLASSes in the HTML, I see that all page titles have an ID of "title-text".  But when I change the properties of that ID, the exported PDF applies it to areas that do NOT have that ID in the "Inspect Element" panel.  

So how do I know which CSS IDs and CLASSes are being applied to which parts of the exported PDF?

#title-text
{  
    font-size: 48px;  
    page-break-before: always;  
    color: green;
}

(this CSS rule changes the color and size of "Content Report Table" macros in the exported PDF but not the title text that has ID=title-text in the HTML)

Untitled.png

No effect...

Untitled2.png

[Steffen Heller]

When I try, the following works: 

.pagetitle {   
font-size: 48px;   
page-break-before: always;    
color: green;  
}

Why yours doesn't, I don't know. Logically thinking I would come up with the exact same thing as you.