问题标签 [lesscss-resources]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
518 浏览

css - 混入更少的 CSS

我在使用 Less CSS 方面还是新手,我找不到解决问题的方法。我想要一个更有效的输出结果。

我有这个代码少:

这是css输出:

但我正在寻找的结果是这样的:

由于颜色相同,因此嵌套了悬停类。

0 投票
0 回答
49 浏览

css - 如何在较少的mixin中设置具有动态名称的var

我正在尝试创建一个 mixin,它将设置一个具有动态名称的 var。

我的 mixin 在文件 B 中定义并在文件 A 中调用。

在文件 A 中,我想像这样使用返回的 var:

我准确地说我不能直接在我的 .varMaker 混合中显示属性及其值,因为在设置 @foo var 之后,它应该被传递给另一个混合。

我成功地使用了动态 var 名称和一个单独设置 var 的 mixin,但我不能同时做到这两个。

我正在使用 php oyejorge 编译更少的代码,并且错误消息并不总是明确的。

0 投票
1 回答
86 浏览

less - 在一个父级中嵌套多个相同类型的类

我想创建如下类:

它不工作,但如果我这样写:

然后它工作。是否有任何原因导致第一个版本无法按预期工作?

0 投票
1 回答
494 浏览

node.js - 使用 lessc 编译 .less 文件

我正在尝试使用 lessc 为 nodejs 编译 2 个更少的文件。

我的文件按以下顺序组织:

lessc 文件在C:\test\less\bin, test.less 和 all.less 文件在C:\test\css

我的lessc命令行是:

我的 all.less 文件如下:

和 test.less 文件如下:

问题是当我运行命令时,我得到的只是解释 .testClass 的错误未定义

我尝试了任何参数,甚至尝试调试 lessc 代码,但无法提出任何解决方案。似乎在编译过程中忽略了 all.less 文件中的 test.less 文件的@import,并且在 test.less 文件中找不到 .testClass 类。

我错过了什么?我使用了错误的论点吗?

0 投票
0 回答
33 浏览

css - 如何使用css将表格单元格数据截断为三行

表格单元格数据仅截断一行,我需要将表格单元格数据截断为三行。在此处输入链接描述我想显示喜欢使用 css 截断到第三行的文本 在此处输入图像描述

0 投票
1 回答
40 浏览

css - LESS CSS - 不重新发明轮子

“轮子”是指嵌套的选择器路径。

大多数情况下,我已经将一个较大的 CSS 文件转换为 LESS,按 DOM 顺序嵌套规则。但是,我的一些样式被覆盖了。基本上,所有的“普通”样式都被嵌套了,使得它们的输出 CSS 规则非常具体(我想要的)。不那么具体的是父元素附加了类的规则。例子:

常规嵌套规则:

所以,我遇到的问题是如果祖父母附加了一个特定的类,则为孙子添加样式。就像是:

有没有办法巧妙地将 .visiting 添加到我已经建立的大层次结构中?或者我是否必须为受 .grandparent.visiting 影响的所有子元素选择器重做整个嵌套顺序?

不确定这是否是菜鸟。几个周末前,我刚开始使用 LESS。但我似乎无法使用 :not 找到任何解决方案,而 & 选择器(尽管它非常棒)似乎也无济于事。