我正在创建一个简单的基于HTML/CSS的网站以进行某个分配，我遇到了一个较小的问题。
我的main.css文件中有大约500行代码，并且很难读取和滚动，因此我决定将其分为几个.css文件，并将所有这些文件链接到一个具有@import函数的文件中。<<<<<<<<<<<<<</p>
现在，我仍然在主文件夹中有main.css文件，在其中，以下内容：
@import url('/css/first.css')
@import url('/css/second.css')
.
.
.
@import url('/css/last.css')
我正在使用括号作为编辑器，虽然一切都可以与括号实时预览完美搭配，但显然，当我通过Chrome手动运行页面(通过双击index.html(时，CSS根本没有出现。<<<<<<<<<<
是的，/css/是包含所有其他.css文件的主文件夹中的文件夹。是的，括号中的实时预览也使用Chrome。
@import规则可以用多个样式文件调用。这些文件由浏览器或用户代理在需要时调用，例如HTML标签致电CSS。
尝试以下代码
@import url("../css/first.css");
@import url("../css/second.css");
@import url("../css/last.css");
，也可以在标签之间使用html中的链接标签添加CSS
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" href="../css/first.css" type="text/css" />
<link rel="stylesheet" href="../css/second.css" type="text/css" />
<link rel="stylesheet" href="../css/last.css" type="text/css" />
</head>
<body>
</body>
</html>