Css LESS编译器将RGBA（）转换为十六进制

我正在使用编译器创建一个较少的样式表，当我使用CSS

rbga（）

函数创建一个条目时，我注意到如下情况：

@contentDefaultOpacity: 0.5;

header#main-header {
    nav.navbar {
        div.container-fluid {
            div.collapse {
                ul.nav {
                    li {
                        a {
                            @alpha: 255 * @contentDefaultOpacity;

                            color: rgba(255, 255, 255, @alpha);
                        }
                    }
                }
            }
        }
    }
}

编译器丢弃了

rgba（）

，而是输出：

header#main-header nav.navbar div.container-fluid div.collapse ul.nav li a {
    color: #ffffff;
}

有没有办法保留

rgba（）

谢谢您的时间。

LESS'

rgba（）

函数的百分比介于

0%

和

100%

您正在传递完全不透明的

128

。

LESS'

rgba（）

函数的百分比介于

0%

和

100%

之间

---

您正在传递的是完全不透明的

128

。

如果您希望生成函数（而不是由Less生成的静态十六进制颜色代码），可以通过使用带有插值变量的字符串和

~

操作符来删除引号。此代码：

@contentDefaultOpacity: 0.5;

a {
    @alpha: @contentDefaultOpacity;
    color: ~'rgba(255, 255, 255, @{alpha})';
}

将生成CSS：

a {
  color: rgba(255, 255, 255, 0.5);
}

---

如果希望生成函数（而不是Less生成的静态十六进制颜色代码），可以使用带有插值变量的字符串，并使用

~

运算符删除引号。此代码：

@contentDefaultOpacity: 0.5;

a {
    @alpha: @contentDefaultOpacity;
    color: ~'rgba(255, 255, 255, @{alpha})';
}

将生成CSS：

a {
  color: rgba(255, 255, 255, 0.5);
}

---

为什么要在输出中保留

rgba（）

？这是有效的CSS吗？LESS编译器似乎正确地将自己的语法编译成了等效的CSS。为什么要在输出中保留

rgba（）

？这是有效的CSS吗？您的LESS编译器似乎正确地将自己的语法编译为等效的CSS.facepalm是的，我应该删除

255*

。我真傻。谢谢；）是的，我应该放弃那

255*

。我真傻。谢谢；）