登录
首页 >  文章 >  前端

如何从HTML中的JavaScript导入FSCSS

来源:dev.to

时间:2025-02-08 13:42:57 465浏览 收藏

一分耕耘,一分收获!既然都打开这篇《如何从HTML中的JavaScript导入FSCSS》,就坚持看下去,学下去吧!本文主要会给大家讲到等等知识点,如果大家对本文有好的建议或者看到有不足之处,非常欢迎大家积极提出!在后续文章我会继续更新文章相关的内容,希望对大家都有所帮助!

从javascript文件导入fscss

在我的javascript文件中,我做这样的事情:
>

//fscss.js

async function stylewith(){
let fscss = await import("https://wbf.tiiny.site/newfscss.js");
newfscss = (`
:root .box{ 
$rgb: %3([200,]);
$bg-color: #00f0f0;
}
.box{
%2(
width, 
height[: 100px;])
border: 4px solid rgb($rgb!1);
} 
$(@keyframes box, .box &[ 3s linear infinite alternate]) {
0%{
transform: rotatex(0);
}
100%{
transform: rotatex(360deg);
}}
`);
fscss.exec(newfscss).use;
}
stylewith();
index.html:


<!--- index.html --->
<!DOCTYPE html>
<haed>
<script src='scripts/fscss.js'></script>
</head>
<body>
<div class='box'></div>
</body>
fscss image
fscss教程

关注

想象的速记级联样式表

到这里,我们也就讲完了《如何从HTML中的JavaScript导入FSCSS》的内容了。个人认为,基础知识的学习和巩固,是为了更好的将其运用到项目中,欢迎关注golang学习网公众号,带你了解更多关于的知识点!

声明:本文转载于:dev.to 如有侵犯,请联系study_golang@163.com删除
相关阅读
更多>
最新阅读
更多>
课程推荐
更多>