【问题标题】:How Can I Convert Less To Css?如何将 Less 转换为 Css?
【发布时间】:2018-07-25 23:07:35
【问题描述】:

我想使用只有一个 id 为“DivSignature”的 div 的“bootstrap.css”,因此我想创建一个新的“bootstrap.css”,并为我的 div 安排一个不同的名称。

为此,我想在所有“bootstrap.css”属性中添加“#DivSignature”前缀(例如#DivSignature body {})。

我决定使用“Less”来解决这个问题。我准备了一个名为“Signature.less”的 Less 文件,我想使用在线转换器将我的 Less 文件转换为 CSS。

但我想编译时出错。我的代码错了吗?

你能帮我解决这个错误吗?我在下面添加了我的代码。 提前致谢。

Signature.less

#divSignature
{
    @import (less) url('//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css');
}

【问题讨论】:

  • 你的css代码在哪里?
  • 首先不要在那里使用缩小版的 css(使用 ...css/bootstrap.css 代替)。然后确保您设置了编译外部 css 所需的某些 Less 选项(例如 --strict-math=on)。最后要准备好某些样式不能以这种方式工作 - Boostrap 确实在 html ...body ... 上添加了一些样式,在这里它们将变为 #divSignature html ...#divSignature body ... -> 失败。
  • 我搜索了很多关于这个问题,但我找不到任何东西@Synch
  • 当你遇到错误时,总是把错误信息放到你的帖子中(我们不是心灵感应者——我们不知道“那个错误”是什么——即使在这种特殊情况下也不难猜到 - 它仍然很奇怪)

标签: html css asp.net less


【解决方案1】:

首先验证您的 less 文件并修复与 -moz 样式有关的问题。 然后将其转换为 css 就可以了。

【讨论】:

  • 好的,但是如何验证我的less文件?less代码的真正写法是什么?
  • freeformatter.com/less-compiler.html 格式化您的代码并在此处编译.. 发现以下错误 - 无法编译任何 LESS 输入。 SyntaxError: expected ')' got 's' in /var/cache/tomcat8/temp/tmp9119894989422279240less.tmp on line 2989, column 9: 2988 background-image: url("data:image/svg+xml; 2989 charset=utf8 ,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.53​​8 -1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); 2990 }
猜你喜欢
  • 1970-01-01
  • 2023-02-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-12-18
  • 2012-11-09
  • 2012-08-28
  • 2017-06-21
相关资源
最近更新 更多