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?

split header , body and footer of html page into separate pages — Rahul Mahadik, Feb 22 '18 at 06:26

Sreekanth Reddy Balne · Answer 1 · 2018-02-22T07:56:37.487

2

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.

edited Feb 22 '18 at 07:56

answered Feb 22 '18 at 06:30

score 1 · Answer 2 · answered Feb 22 '18 at 06:35

1

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{

}

answered Feb 22 '18 at 06:35

score 1 · Answer 3 · answered Feb 22 '18 at 07:47

Try this.

In Page[restrict the CSS]:

<?php $type = 'exclude'; inlcude('page_to_include.php');

page_to_include.php:

<?php if(!isset($type) or ($type !== 'exclude')) { // Things to be excluded from Page 1; }

3 Answers3