问题标签 [less-mixins]

我正在尝试编写一个与 id #p0x1 相关联的较少参数。我希望能够写一个像

然后为每个 ID 提供该参数值。

但是，我无法使用 nth-child css 执行此操作。我只看到了用循环解决这个问题的解决方案。有没有更直接的方式来解决这个问题？

这是我目前拥有的代码。

我有一个使用供应商前缀创建渐变的 mixin，除了另一个background-image.

我认为解决方案可以使用comma merging，在我的示例中，我只添加到标准 CSS3 渐变声明中。这样做，这里生成的 CSS：

这是正确的，但是如何在不失去 mixin 灵活性的情况下也为其他供应商提供前缀呢？我尝试+在其他“”规则上也添加符号background-image: -webkit....，但在这种情况下，生成的 CSS 将是：

...显然不正确...有什么建议吗？

我正在研究 LESS 中逗号合并的灵活性，这是一个目前似乎没有解决方案的用例。.foo类有 2 个与符号连接的内部阴影+，由语言提供。

我试图创建一个可以重新创建内部阴影的 mixin（为简洁起见，这里没有供应商前缀）。我希望该+符号也可以应用于 mixins 调用，但这会产生错误。就像我的另一个类似主题的问题一样，似乎这种操作必须手动进行，而不是使用连接函数提供的自动化功能。

请提供任何建议以继续为此目的使用 mixin 调用。

我有一个带有默认状态和悬停状态的 Less mixin。现在，当我将鼠标悬停在父元素上时，我需要激活 mixin 中的悬停状态。

较少的

HTML：

我需要确保在 settingsIcon hover 上发生的相同效果也会在按钮悬停时触发。所以我认为我需要做这样的事情，我以某种方式“调用” the hoverof settingsIcon。像这样的东西（无效的较少代码）

我该怎么做？

前几天，我从 Tutsplus 看了一个关于防弹网页设计的非常好的教程。讲师有一个很棒的功能，它是用 Stylus 制作的。

要在 Stylus 中调用这个很酷的函数，您只需键入：

如果我理解正确。该函数让我以像素为单位思考，但以 em 格式输出所有内容。现在，我如何在 Less 中执行相同的功能？:-)

我需要根据其内容向页面添加图标。换句话说，如果页面包含图像、画廊、视频……我将添加一个图标来指示其性质。

为此，我将 CSS 类添加到body标记并使用后代选择器将图标添加到适当的位置。

显然，这项任务会导致 CSS 中出现大量重复代码，因此我想使用LESS Loop生成它。

这是我的实际尝试（图标是图标字体）：

我写了这篇文章，从其他类似的问题中汲取灵感。

它有效，但我承认这还不是我真正想要的，原因有两个：

• 我认为当前需要一个变量@icons来声明图标实体，以及一个 mixins.icons来声明不同的页面类型并不是那么直观，因为类型不同。为了连贯性，最好在两个声明中都使用 LESS 变量
• 编写一种关联数组肯定会更好，我可以在其中声明页面类型和相关图标之间的对应关系。像这样的东西：

@page-type: image, "\e926"; gallery, "\e90e"; video, "\e914";

有任何想法吗？

我正在使用以下代码：

它可以编译，但是当我在 Chrome 中检查代码时，它说它@result不是数字（NaN%）。

PS：如果在http://lesstester.com/中尝试此代码，它工作正常，所以我有点搞砸了

分离规则集之间是否存在实质性差异，例如

和非参数混合？例如

它们与嵌套运算符的行为相同吗？

最明显的区别是语法（分号对于规则集是强制性的），并且规则集将其变量保持为私有，但这就是我能找到的全部。该手册没有对此进行过多的详细介绍。

我有以下较少的混合：

我只想允许值'border-box'和'content-box'作为参数，否则Less引擎应该抛出异常。我怎样才能做到这一点？因为没有这个验证，我可以向 mixin 写入任何值，它会工作，但它也会生成无效的 CSS，没有人会注意到有错误。

我最近从 SASS 切换到了 Less（工作），并且想知道是否可以从 Less 获得这个输出（使用 mixin）：

我似乎只能像这样在单独的断点中获得输出（而不是在选择器下）：

这是我一直在使用的 mixin：

然后像这样使用它：

任何帮助，将不胜感激！