Every page <body> tag has an ID and multiple classes:

<body id="page-home" class="template-page ua-chrome-11-0 ua-chrome-11 ua-chrome ua_os-win">

User-agent classes (starting with “ua-”) help identify the browser and operating system of the user visiting the site.

In the example above:

It allows you to style:

IDs and classes of the pages are:

Page type ID Class
Home page-home template-page
Search search template-listing
Search result page-[number] template-page-searchres template-page
Property property-[number] template-property
Request page-request template-page
Request thank you page-requestthankyou template-page
Online booking summary page-ob-summary template-page
Online booking payment in progress page-ob-pmt-process template-page
Online booking payment aborted page-ob-pmt-abort template-page
Online booking terms page-ob-terms template-page
Basic page page-[ID number] template-page
Form page-[ID number] template-page

The term “template” is appropriate because groups of pages have the same structure among them.

In CSS you could target an element with the ID or class of the page. So to style the H1 title of property pages:

body.template-property h1 { font-size:1.8em }