Targeting Certain Pages

HTML & CSS
1

Hi Guys,

I realize that something like:

div#header p {color: avocado;}

…would target all the paragraphs inside a div with the ID of header, but is it possible to target all the paragraphs just based of the name of the page which contains them?

Cheers,
simon

2

Yes, quite easily. One way is to put a special class on the <body> element on each page, such as

<body class="[COLOR="#FF0000"]blog[/COLOR]">

Then you’d have a CSS rule like

.[COLOR="#FF0000"]blog[/COLOR] div#header p {color: avocado;}
3

Thank you very much Ralph