css - LESS CSS 伪类可以将选择器的属性传递给函数吗？

Question

我目前正尝试在 LESS CSS 中为我​​的渐变创建单点定义。我已经创建了一个函数来为我编写跨浏览器 CSS 代码，但有一个问题我无法解决。

我想指定一次渐变并有一个单独的函数(监听参数“翻转”)在悬停时交换两个颜色变量。我在下面发布了一个示例:

    selector { .background-gradient(rgba(27, 117, 185, .35), 48%, rgba(22, 97, 154, .35), 52%); }
    selector:hover { .background-gradient(flip); }

我一直在寻找解决方案，但当然一无所获。总结一下:我想要一个函数来读取选择器的渐变值并使用它们通过交换颜色来创建悬停样式。我希望这是可能的。

提前致谢!

PS:创建监听“翻转”(模式匹配)的函数不是问题，但我认为它可以让您更好地了解我实际想要实现的目标。

Answer 1

虽然不是100%清楚自己想要什么，但为什么没有这样的东西

.selector {
  @startCol: rgba(27, 117, 185, .35);
  @startPercentage: 48%;
  @endCol: rgba(22, 97, 154, .35)
  @endPercentage: 52%;
  .gradient(@startCol, @startPercentage, @endCol, @endPercentage);
  &:hover {
    .gradient(@endCol, @endPercentage, @startCol, @startPercentage);
  }
}

如果在悬停时翻转很常见，您可以将上面的内容作为一个混合，然后您只需为每个类/渐变定义调用一次。

mixin 无法知道先前传递给函数的参数或使用值数组调用 mixin。