How to restrict the CSS for only a particular page?

Question

I was trying to insert another html page into an php page by using "include" and that html page is having some stylesheets imported,

When I insert that page, it disturbs my PHP page..

How can I restrict the CSS for that particular page only?

whitehat · Accepted Answer

place the imported page inside a container div, and then give it an id like:

<div id='included_page'> Your page goes here...</div>

Then add #included_page .someClass{mystyle: property;} to each and every style defined.i.e, increase the level.

Pons Purushothaman · Answer

Add a class or id to each <body> and write styles accordingly like below

HTML

<body class='home'>
    Home page content
</body>

<body class='about'>
    About page content
</body>

CSS

.home .someclass{

}
.about .someclass{

}

Donate For Us