2009-05-21 108 views
0

有没有办法从导入到您的html文件的头文件中完全忽略CSS文件?CSS继承

我想要一个页面拥有自己的独立CSS,而不是从任何其他CSS源代码继承。

回答

0

您可以使用JavaScript来移除链接的CSS文件,但是您只需要在该页面上添加该JavaScript。

或者你可以把一个ID在body标签和目标一套完全不同的CSS规则,该页面:

标准页:

<body id="standard"> 

#standard h1 { 
    color:blue; 
} 

其他页面:

<body id="different"> 

#different h1 { 
    color:red; 
} 

事先有一点规划是非常值得的努力

1

是不是明显的解决方案,不包括该页面中的CSS文件?

+0

我想,但是项目的每个页面都包含一个头文件。 – 2009-05-21 17:59:27

0

把你不想在iframe风格的内容,然后将头仍然会出现在页面上,但风格不会被继承。

+0

评论当你downvote该死的!这是否低估,因为你认为它不起作用,或者因为有人告诉你“框架是邪恶的”,并且你盲目地将它应用于所有情况? – SpliFF 2009-05-21 05:30:58

3

如果你apply a unique id to the <body> of your custom page,你可以很容易地在你的全球css中的特定于该页面的声明。真的服务一个不同的css文件是没有意义的,因为你的全局/站点css将被缓存在客户端上。

就我个人而言,我认为这是一个管理页面特定风格的良好做法。在PHP中可以动态地在你看来

<body id="<?= basename($_SERVER['PHP_SELF'], ".php")?>"> 

在ASP.Net你可以设置一个ID使用与实现这一目标:

System.IO.Path.GetFileNameWithoutExtension(HttpContext.Current.Request.Url.AbsolutePath).ToLower