如何在 CSS 中使用 Less 变量

How to use Less variables in CSS

好的,所以我对使用 Bootstrap 并不陌生,但我对自定义它和使用 LESS 变量不陌生。我正在尝试做最简单的事情,只是为了检查 LESS 变量是否正常工作。

我正在尝试将正文的背景色设置为@brand-success 只是为了测试它。它不工作。 Chrome 告诉我这是一个无效的 属性 值。

我知道我之前在 jQuery 中使用过来自 Bootstrap 的 LESS 变量,但我认为 CSS 文件的工作方式相同。

我不确定它是否有任何区别,但我在本地使用 bootstrap.css 文件,而不是像我使用 jQuery 文件那样从外部服务器链接它。

我不知道这是否是一个重复的问题。我尽力寻找答案,但问题似乎都与我的不同。

Less 是一个 CSS 预处理器 。 Less中可以使用纯CSS,所以CSS少了,反之则不然。 Chrome 不知道 Less 是什么。它只解释 CSS。 @brand-sucess 无效 CSS。

它可能在 PHP 中有效,因为可能您的 PHP 应用程序之前 运行 预处理器较少 before 发送 CSS 文件给客户端。

如果您使用的是客户端 Less 预处理器,它可能在 JQuery 中有效。在这种情况下,你可以直接发送 LESS 到客户端,但首先它必须被 t运行s 形成真正的 CSS 颜色(例如:#58fe23)在 Chrome 可以用它做任何事情之前。