Overriding the outer div

If I have main.html like below
<div id=“main”>
<div id=“header”>
<div id=“content”>
------------ Here is where my subpages are shown

This theme is common across all pages but if I have a sub page “user.html” that requires a change to the outer div “main” like set the background color to black then how do I accomplish this change without affecting other pages.


Add an ID to whatever it’s parent is (body?)

<body id=“user”>

Then for css:

#user #main { background:#000; }

Probably the simplest approach. The parent ID lets you override specificity quite easily.