如何仅限制特定页面的CSS?

时间:2018-02-22 06:13:58

标签: html css html5 css3

我试图通过使用" include"将另一个html页面插入到php页面中。 并且该html页面导入了一些样式表,

当我插入该页面时,它会扰乱我的PHP页面..

如何仅限制该特定页面的CSS?

3 个答案:

答案 0 :(得分:2)

将导入的页面放在容器div中,然后像id那样给它:

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

然后将#included_page .someClass{mystyle: property;}添加到定义的每个样式中。即,增加级别。

答案 1 :(得分:1)

为每个<body>添加一个类或ID,并相应地编写样式,如下所示

HTML

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

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

CSS

.home .someclass{

}
.about .someclass{

}

答案 2 :(得分:1)

试试这个。

在页面[限制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; }

参考:PHP - include a php file and also send query parameters