gpt4 book ai didi

javascript - 是否可以在 html 正文中引用外部样式表?

转载 作者:太空宇宙 更新时间:2023-11-04 14:05:41 24 4
gpt4 key购买 nike

我想将外部 CSS 文件与正文中的 html 代码并排放置。

为什么?

我正在开发一些包含在页面中的模板,但是我无法从这些模板修改头部或将 JS/CSS 引用添加到 html 头部部分。

我目前拥有的是:

<html>
<head>
<!-- this i cannot edit -->
</head>
<body>
<!-- some html code -->
<!-- now comes what i can edit -->
<style>
#mywidget {
color: red;
}
</style>
<div id="mywidget">
hello
</div>

<!-- end of section i can edit -->
<!-- other html code -->
</body>
</html>

我想把它变成这样的东西:

<html>
<head>
<!-- this i cannot edit -->
</head>
<body>
<!-- some html code -->
<!-- now comes what i can edit -->

<!-- LINK TO AN EXTERNAL CSS FILE -->

<div id="mywidget">
hello
</div>

<!-- end of section i can edit -->
<!-- other html code -->
</body>
</html>

但我不希望每次加载页面时都加载所有 css,所以我想将其放入外部文件中。

我想过使用 javascript 加载外部 css(它将托管在同一域中),然后创建一个元素并以某种方式插入内容...

我认为这应该可行,但如果不行,我认为我可以使用 jquery 破解一些样式解析器,它至少将样式应用于基本定义。

但我相信一定有更好的方法!

任何提示都适用!

最佳答案

您可以使用 CSS 的 @import rule

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

关于javascript - 是否可以在 html 正文中引用外部样式表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11810217/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com