3. Page Selectors

Generally, the CSS style sheet is applied for every page. Using the @page property, you can decide whether it should be applied for all pages or for specific ones only.

At present, PDFreactor supports the :first, :left and :right page selectors.

In the following example, the content property of the @page:first rule is set to normal, so that no page header exists on the first page.

@page {
    @top { content: "My Document" } 
}

@page:first {
    @top { content: normal } 
}

In order to achieve that the documents have duplex layouts, you can use :right and :left rules. Consequently the text content of "myFirstLine" is displayed on the right-facing pages and "mySecondLine" on the left-facing pages.

@page:right {
    @top: { content: "myFirstLine" } 
}

@page:left {
    @top: { content: "mySecondLine" }
}