如何将 .css 文件导入到我的 .less 文件中？

将 .css 文件导入到 .less 文件中

虽然将其他 .less 文件导入到 .less 项目中是常见的做法，但它也是可以导入 .css 文件。但是，此过程需要额外的步骤。

要在 .less 文件中包含 .css 文件，您必须使用 @import 指令指定要导入的文件类型。例如，如果要导入 style.css，则可以编写：

<code class="less">@import (css) "../style.css";</code>

通过在文件路径之前指定 (css)，可以强制导入器将 style.css 视为 CSS 文件。这可确保 style.css 中定义的任何类或样式在您的 .less 文件中可用。

例如，假设 style.css 包含一个名为 .type 的类。如果您尝试在 .less 文件中使用此类而不指定 (css) 指令，您将遇到错误，因为 .type 未在 .less 上下文中定义。但是，通过使用以下代码：

<code class="less">@import (css) "../style.css";

.small {
    font-size:60%;
    .type;
}</code>

您可以引用 style.css 中定义的样式并无缝访问 .type 等类。

以上是如何将 .css 文件导入到我的 .less 文件中？的详细内容。更多信息请关注PHP中文网其他相关文章！