gpt4 book ai didi

jquery - 这是 LESS 的正确实现吗?

转载 作者:行者123 更新时间:2023-12-01 07:58:10 27 4
gpt4 key购买 nike

问题

好的,所以我尝试使用 LESS 来允许名为 bootstrap.min.css 的 CSS 仅应用于我的代码的一部分。当我在全局范围内应用它时,它会影响我的造型。

当前实现

My .less defined in header

<head>

<link href="Boot.less" rel="stylesheet/less" type="text/css">

</head>

Contents of Boot.less

#bootbox
{
@import (css) "bootstrap.min.css";
}

Usage in body

 <div id="bootbox"> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script src="bootstrap.min.js"></script>
<script src="bootbox.min.js"></script>
<script src="less-1.7.0.min.js" type="text/javascript"></script>
<script>

$('#form1').submit(function(e) {
var currentForm = this;
e.preventDefault();
bootbox.confirm("Are you sure?", function(result) {
if (result) {
currentForm.submit();
}
});
});

</script>



</div>

这不会将 bootstrap.min.css 应用于 div id“bootbox”中的所有内容。

我是做错了什么还是整个事情都走错了路?

最佳答案

查看使用 F12 工具在页面上生成的 CSS...

您可以将 CSS 文件视为 LESS

#bootbox
{
@import (less) "bootstrap.min.css";
}

如果您要导入 .LESS 文件,它也会在 LESS 编译期间为您提供所需的结果。

#bootbox
{
@import "bootstrap.less";
}

关于jquery - 这是 LESS 的正确实现吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22251370/

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