2011-08-24 68 views
0

我有一个css文件。我想把它分成2个文件。我想这样做,因为有一些CSS代码像全球设置像如何将一个css文件分为两个文件

*{padding: 0; margin: 0;} 

然后休息的CSS。这个CSS文件包含在很多地方。但最近我添加了这个CSS文件到一个新的页面,我发现上述全局设置打破了我的布局,所以我需要的文件,但没有这些全局设置,所以我决定将文件分成两个包含上述代码和另一个包含休息。这样做很好吗...还有什么其他的东西可以做到的,?

CSS文件.. link

+0

这将不可能没有使用一些动态代码,如PHP或类似的东西。然后你会接到对css文件的调用,找出它来自哪里并返回文件的所需部分。 – janoliver

+0

@janoliver - 当然可能。只需包含每个css文件的链接。 – mrtsherman

+0

我假定他不想更改调用文件的html代码。 – janoliver

回答

4

当然是可能的每页有多个CSS文件。只要确保你链接到所有(必需)文件,它就可以工作。

将合理的CSS样式组合在一起以使它们可重用也是一件好事,所以要做到这一点。

+0

我所做的是将主thickbox.css文件分成两个css文件:globsl.css和rest.css。在global.css中,上述设置驻留在rest.css中,其余部分放在粗框中。然后在厚厚的框中,我做了一些像导入这两个CSS文件,它现在只包含两行......但后来我看到了CSS文件不工作......这是正确的做.. –

+0

最好是更新答案并显示无法正常工作的代码,以便我们看到出错的地方。 – Veger

+0

看到css链接...在一些页面上面的css代码* {padding:0; margin:0;} 正在引发问题。 –

1

您可以动态生成css。在查询参数传递将让你输出中的“全”的CSS,或者只是非切断部:

<?php 
    header('Content-type: text/css'); 

    if (isset($_GET['fullmealdeal'])) { ?> 
     echo '*{padding: 0; margin: 0}'; 
    } 
} ?> 
... rest of the css here ... 

这时正好有

<link rel="stylesheet" type="text/css" src="css.php?fullmealdeal" /> 
在你的头

当然,你可能想要发出一些适当的缓存标题,或者很可能会为每个页面请求获取CSS,这是一个很大的性能问题。

0

一对夫妇的想法:

  1. 如果您正在使用服务器端脚本,可以使用两个文件,除了让他们中的一个包含一切,其他的一切都包含除了全局声明。然后包括一个或另一个。
  2. 将样式直接添加到您担心的页面,覆盖外部样式表。再次,使用服务器端脚本将使这相对无痛。
相关问题