CSS中 - -前缀的有关知识

首先， -- 前缀通常被用在类中，是CSS中对变量声明的前缀。

:root{

    --rotate-arrow:0;

    --dropdown-height:0;

    --list-opacity:0;

    --translate-value:0;

    --floating-icon-size:26;

    --floating-icon-top:0;

    --floating-icon-left:0;

另外，当--前缀被用在var函数中时，通过var函数调用自定义属性，设置旋转角度，var（）可以代替元素中任何属性中的值的任何部分，var()函数可以读取变量，在CSS中当作且仅可当作属性值使用,可以放置第二个参数作为默认值：

.main-button .dropdown-arrow{

    margin-left: 1.8rem; 

    transform: rotate(var(--rotate-arrow));

    transition: transform 0.4s cubic-bezier(0.25,0.46,0.445,0.94);

}