less延长hover时间

Less是一种CSS预处理器，它允许使用变量、混合、函数和许多其他强大的功能来编写更简洁、更有条理的CSS代码。要使用Less来延长:hover伪类作用的时间，你可以编写一个Less混入（mixin），然后使用它来设置:hover状态的过渡效果。

下面是一个简单的例子，展示如何使用Less创建一个混入来设置:hover状态的过渡时间：

// 定义一个混入，设置过渡效果和时间
.transition(@time) {
  -webkit-transition: all @time; // 兼容旧版Safari和Chrome
  -moz-transition: all @time;    // 兼容旧版Firefox
  -o-transition: all @time;      // 兼容旧版Opera
  -ms-transition: all @time;     // 兼容旧版IE10
  transition: all @time;         // 标准语法
}

// 使用混入来定义一个:hover状态的过渡时间
.hover延长时间 {
  &:hover {
    .transition(1s); // 延长过渡时间为1秒
  }
}

在这个例子中，`.transition`混入接受一个参数`@time`，这个参数代表过渡时间。然后，在`.hover延长时间`选择器中，我们使用`&:hover`来指定:hover状态，并调用`.transition`混入，将过渡时间设置为1秒。

使用这个Less代码后，当你在浏览器中预览时，相关元素在鼠标悬停时会有1秒的过渡效果。