html - 将所有 CSS 链接重新组合在一行中

Question

在我的 HYML 页面中，我有以下 CSS 链接

myPage.html

<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i"
rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<link
href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB"
crossorigin="anonymous">
<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.0.10/css/all.css"
integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg"
crossorigin="anonymous">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Roboto"
rel="stylesheet">

有没有办法将这个链接重新组合成一个并调用它而不是使用所有这些代码行？

Answer 1

用于将其标记为答案。

看this page你会找到你需要的任何东西。

所附链接的内容摘要

<style type="text/css">
    @import url("main.css");
</style>

ma​​in.css 包含:

@import "file1.css";
@import "file2.css";
@import "file3.css";
@import "file4.css";
@import "file5.css";

这些是文件的名称。