html - 具有继承参数的 LESS 嵌套规则

标签 html css less webmatrix

我想知道 LESS 是否承认这种带变量的操作:

.class(@A, @B)
{
    color: @A;
    background: @B;

    &:hover
    {
         color: @B;
         background: @A;
    }
}

因为这样做时,Web Matrix 3 在 :hover 部分抛出了以下错误:“Undeclared variable”

如果不被录取,可能的解决方案是什么?

提前谢谢大家。 干杯。

最佳答案

这是 WebMatrix 中的一个错误;你的 LESS 是完全有效的。

你可以像这样缩短它:

.class(@A, @B)
{
    &, &:hover
    {
         color: @B;
         background: @A;
    }
}

关于html - 具有继承参数的 LESS 嵌套规则,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18129095/

相关文章:

javascript - 在 div 上阻止选择允许在 div 周围选择

css - 页面布局中的自动div高度调整

jquery - 如何锁定 HTML 表格的标题行以防止滚动?

javascript - 使用 url 从另一个页面加载 div 中的内容

html - less 文件之间未定义 CSSless mixin

css - 字符 '>' 和 '&' 在 bootstrap less 模块中意味着什么?

javascript - 使用 CSS 和 Velocity JS 淡化内联 block

javascript - 我如何计算固定位置。叠加在页面上?

Javascript 可能阻止加载 css 背景图像

css - 在 LESS mixin 中使用选择器名称作为变量