我有一个css文件。我想把它分成2个文件。我想这样做,因为有一些CSS代码像全球设置像如何将一个css文件分为两个文件
*{padding: 0; margin: 0;}
然后休息的CSS。这个CSS文件包含在很多地方。但最近我添加了这个CSS文件到一个新的页面,我发现上述全局设置打破了我的布局,所以我需要的文件,但没有这些全局设置,所以我决定将文件分成两个包含上述代码和另一个包含休息。这样做很好吗...还有什么其他的东西可以做到的,?
CSS文件.. link
我有一个css文件。我想把它分成2个文件。我想这样做,因为有一些CSS代码像全球设置像如何将一个css文件分为两个文件
*{padding: 0; margin: 0;}
然后休息的CSS。这个CSS文件包含在很多地方。但最近我添加了这个CSS文件到一个新的页面,我发现上述全局设置打破了我的布局,所以我需要的文件,但没有这些全局设置,所以我决定将文件分成两个包含上述代码和另一个包含休息。这样做很好吗...还有什么其他的东西可以做到的,?
CSS文件.. link
当然是可能的每页有多个CSS文件。只要确保你链接到所有(必需)文件,它就可以工作。
将合理的CSS样式组合在一起以使它们可重用也是一件好事,所以要做到这一点。
我所做的是将主thickbox.css文件分成两个css文件:globsl.css和rest.css。在global.css中,上述设置驻留在rest.css中,其余部分放在粗框中。然后在厚厚的框中,我做了一些像导入这两个CSS文件,它现在只包含两行......但后来我看到了CSS文件不工作......这是正确的做.. –
最好是更新答案并显示无法正常工作的代码,以便我们看到出错的地方。 – Veger
看到css链接...在一些页面上面的css代码* {padding:0; margin:0;} 正在引发问题。 –
您可以动态生成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,这是一个很大的性能问题。
一对夫妇的想法:
这将不可能没有使用一些动态代码,如PHP或类似的东西。然后你会接到对css文件的调用,找出它来自哪里并返回文件的所需部分。 – janoliver
@janoliver - 当然可能。只需包含每个css文件的链接。 – mrtsherman
我假定他不想更改调用文件的html代码。 – janoliver