代码之家 › 专栏 › 技术社区 › Yagami Light

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

css html

Yagami Light · 技术社区 · 6 年前

在我的 HYML 我有以下几页 CSS 链接

MyPAG.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">

是否有一种方法可以将此链接重新组合为一个链接并调用它,而不是使用所有这些代码行?

2 回复 | 直到 6 年前

Arshdeep Singh 6 年前

把它标记为答案。

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

所附链接的内容摘要

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

在哪里? MIN CSS 包含:

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

这些是文件的名称。

Andifined 6 年前

您可以在主CSS文件中使用@import语句。但不确定这是否适用于FontAwesome。

您还可以多次导入字体系列“roboto”和fontawome。这是故意的吗?

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

5 月前

Mass · 如何在Tailwind CSS v4中创建配置

5 月前

magenta placenta · 将css变量合并为一个变量

5 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

5 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

5 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

5 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

6 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

6 月前

Luckkks · 过渡色工作不正常

6 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

6 月前