是否可以将一个CSS文件包含在另一个CSS中？
当前回答
使用CSS@import规则在这里
@import url('/css/header.css') screen;
@import url('/css/content.css') screen;
@import url('/css/sidebar.css') screen;
@import url('/css/print.css') print;
其他回答
对可以将CSS文件导入另一个CSS文件。
它必须是使用@import规则的样式表中的第一个规则。
@import "mystyle.css";
@import url("mystyle.css");
唯一需要注意的是，较旧的web浏览器将不支持它。事实上，这是从较旧的浏览器隐藏CSS样式的CSS“黑客”之一。
有关浏览器支持，请参阅此列表。
使用CSS@import规则在这里
@import url('/css/header.css') screen;
@import url('/css/content.css') screen;
@import url('/css/sidebar.css') screen;
@import url('/css/print.css') print;
是的，您可以轻松地将一个css导入到另一个css（网站中的任何位置）你必须像这样使用：
@import url("url_path");
“@import”规则可以调用多个样式文件。这些文件在需要时由浏览器或用户代理调用，例如HTML标记调用CSS。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="EN" dir="ltr">
<head>
<title>Using @import</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
@import url("main.css");
</style>
</head>
<body>
</body>
</html>
CSS文件“main.CSS”包含以下语法：
@import url("fineprint.css") print;
@import url("bluish.css") projection, tv;
@import 'custom.css';
@import url("chrome://communicator/skin/");
@import "common.css" screen, projection;
@import url('landscape.css') screen and (orientation:landscape);
要插入样式元素，请使用createTexNode，不要使用innerHTML，而是：
<script>
var style = document.createElement('style');
style.setAttribute("type", "text/css");
var textNode = document.createTextNode("
@import 'fineprint.css' print;
@import 'bluish.css' projection, tv;
@import 'custom.css';
@import 'chrome://communicator/skin/';
@import 'common.css' screen, projection;
@import 'landscape.css' screen and (orientation:landscape);
");
style.appendChild(textNode);
</script>
Yes.
@import "your.css";
此处记录了该规则。
